如何为不同的屏幕尺寸创建具有自动布局的比例视图？

Posted 2023-02-23

【中文标题】如何为不同的屏幕尺寸创建具有自动布局的比例视图？

【英文标题】：How create proportionally views with autolayout for different screen sizes?

【发布时间】：2014-12-31 17:03:37

【问题描述】：

我必须制作一个新的应用程序，让设计师制作这种类型的图形：

iPhone 4：

iPhone 5：

正如您在 iPhone 4 中看到的那样，我的标题比 iPhone 5 小（还有小鸟和文本等子视图，并且更小）。如何使用自动布局做到这一点？我使用了纵横比但没有成功：/。

【参考方案1】：

设置从 UIImageView 顶部到顶部布局指南的垂直空间约束。

然后在 UIImageView 上设置 Aspect Ratio 约束。将乘数设置为您需要的任何比率。例如 4:3。比例是宽：高。那应该这样做。

【讨论】：

请注意，这假定您的整个标题都是图像。如果没有，这将不起作用。

谢谢你，迈克我会努力的。但是，如果我的标题是 UIView 而不是 UIImageView，为什么这不起作用？

我可能错了。试一试看看。

【参考方案2】：

正确的答案是使用比例高度约束和/或比例宽度约束。看一个例子：