与自动布局战斗答案

【问题标题】：Fighting with auto layout与自动布局战斗
【发布时间】：2014-10-18 16:19:38
【问题描述】：

我希望这仅适用于 4 到 6+ 纵向的所有 iPhone。

看看这个为 iPhone 4 设计的自动布局：

此 imageView 的纵横比为 49:59，并且必须保持不变。

imageView 位于 UIView 容器（橙色框）内。橙色容器以 0 空间连接到 4 个角。在界面的底部，另一个容器（白色的）包含 4 个滑块。

这是我对该 imageView 应用的约束：顶部、底部、前导、到橙色容器的尾随和纵横比 49:59。

这是它扩展到其他 iPhone 屏幕的方式：

但我不想那样。看看更大的 iPhone 浪费了多少屏幕。

我想要的是缩放 imageView 直到它触及左右边框。

我想要这个：

在大 iphone 上，视图有足够的空间来缩放和触摸左右边框，同时仍保持相同的纵横比。

我应该对 imageView 应用什么样的约束来做到这一点？我什么都试过了。

【问题讨论】：

【解决方案1】：

我还没有尝试过，但我认为它应该可以工作，如果你给橙色视图的左侧和右侧的图像视图约束，常量值为 0（或者其他一些小的数字，如果你想要一点橙色显示）、centerY 约束和纵横比约束。

【讨论】：

【解决方案2】：

经过几个小时的战斗，我终于开始工作了。 imageView 的约束是：

centerX、centerY、尾随和前导均 >= 0、顶部和底部均 >= 3 且纵横比锁定为 49:59。

这种自动布局的东西与直观的东西相反。

【讨论】：