自动布局:具有相等宽度/高度的方形图像视图
Posted
技术标签:
【中文标题】自动布局:具有相等宽度/高度的方形图像视图【英文标题】:Auto Layout: Square Image View with equal width / height 【发布时间】:2015-02-19 18:46:11 【问题描述】:标题可能看起来有点复杂,所以我将在一些图片中向您展示我想要的内容。
这就是我想要的:
[1] - http://i.stack.imgur.com/5Vckr.png
这就是我尝试在 xCode 6 中实现它的方法:
[2] - http://i.stack.imgur.com/ags9s.png
[3] - http://i.stack.imgur.com/UhIuy.png
如您所见,我尝试使用尺寸类将 ImageView 在纵向视图中向左和向右对齐,在横向视图中对齐到底部和顶部。 但不知何故,它在横向中没有正确对齐,如果我查看 iPad 预览,ImageView 根本不会出现。 这可能很简单,但我尝试了几个小时仍然没有结果。
感谢您的帮助!
【问题讨论】:
您是否尝试过更新帧以查看会发生什么? 【参考方案1】:首先将模式从 w:Compact/h:Any 切换到 w:Any/h:Any。 通过在此模式下添加约束,您可以将它们应用于所有设备和方向。
以下是您需要应用的约束列表:
为带有虚线边框的两个约束(与父视图等宽和等高)设置较低的优先级(例如 750),并让其他约束的默认优先级为 1000。
【讨论】:
谢谢!尽管我的做法不同,但它确实有效。我刚刚删除了低优先级约束。以上是关于自动布局:具有相等宽度/高度的方形图像视图的主要内容,如果未能解决你的问题,请参考以下文章
Interface Builder 中的自动布局根据外部视图的宽度/高度更改布局