自动布局:具有相等宽度/高度的方形图像视图

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。

【讨论】:

谢谢!尽管我的做法不同,但它确实有效。我刚刚删除了低优先级约束。

以上是关于自动布局:具有相等宽度/高度的方形图像视图的主要内容,如果未能解决你的问题,请参考以下文章

iOS自动布局两个UIView具有相等的宽度

Interface Builder 中的自动布局根据外部视图的宽度/高度更改布局

使用自动布局更改方向时更改内容顺序

在滚动视图中具有相同宽度和高度的三个 UIButton 上的自动布局

使用自动布局制作完美的正方形

滚动视图不在自动布局 xcode 6.4 中滚动