尝试与自动布局对齐

时间:2015-02-07 17:15:52

标签: ios iphone autolayout constraints

我在viewController上有这个视图层次结构

view
 | |_____ redView
 |            |______orangeView
 |
 |
 |_______ blackView

blackView身高始终为126磅。 orangeView的宽高比为127:155,位于redView内。结果是在iPhone 3.5"。

上看到的

enter image description here

现在我想按照所有iPhone尺寸按比例缩放。在Photoshop上做,我希望它是这样的:

enter image description here

请注意两件事:orangeView应保持其宽高比,而iPhone 4是唯一一个organgeView高度与redView相同的人。在其他手机上,宽度也是一样。

正因为如此,我无法弄清楚应该对orangeView应用哪些约束来使其按照我想要的规模扩展。

我得到的是:

enter image description here

我到目前为止orangeView的约束是:centerX到redView,centerY到redView,aspecratio(127:155)和redView的高度相同,但这最后是不正确的,我之所以有这个原因结果我有。如何将橙色视图展开以在所有设备上水平或垂直达到最大值,保持其纵横比并继续完全位于redView区域内?

1 个答案:

答案 0 :(得分:1)

我认为你可以通过将橙色视图的宽度和高度设置为红色视图来做你想要的,但是优先级较低(我使用了250)。此外,你需要一个说橙色视图是< =红色视图的宽度优先级为1000(否则橙色视图延伸超过红色视图在宽度方向的边界)。

enter image description here

因此,对于superview而言宽度相等且高度相等的优先级都优先为250。