如何在兼容 iphone 5 和 iphone 4 的笔尖中应用自动布局？

Posted 2023-02-27

【中文标题】如何在兼容 iphone 5 和 iphone 4 的笔尖中应用自动布局？

【英文标题】：How to apply autolayout in nib which is compatible for iphone 5 and iphone 4?

【发布时间】：2014-05-06 04:10:11

【问题描述】：

我对自动布局知之甚少。我们可以通过自动布局支持 iphone 4 和 iphone 5 设计。我的观点如下所示。我有 4 英寸显示屏的笔尖。我希望我的笔尖也兼容 3.5 英寸显示屏。我使用 nib 的哪些约束来完美设置 iphone 4（3.5 英寸）显示屏的视图？ 由于没有太多的声誉不能上传图片，所以这里解释一下我的设计是如何的： -> 我有一个图像视图，然后是 3 个视图，如图所示。 ->图像视图大小 w*h 232*41，第一个视图大小 320*161，第二个视图大小 320*180，第三个视图大小 320*118 ->Image view 的 y 为 25，imageview 和 firstview 之间的空间是 20，first view 和 secondview 之间的空间是 8，第二个 view 和第三个 view 之间的空间是 25。

我尝试应用以下约束 1)用于图像视图 -> 超级视图中的引脚前导、顶部和尾随空间 2）第一次查看 ->图像视图和第一个视图之间的引脚高度和引脚垂直规范 3）第二个视图 ->第一个视图和第二个视图之间的引脚高度和引脚垂直规格 4）第三视图 ->第二个视图和第三个视图之间的引脚高度和引脚垂直规格，也将底部空间固定到superview，即0。 对于 3.5 英寸的显示屏，我的设计仍然一团糟。 我尝试添加缺少的约束选项，但仍然所有视图都搞砸了。帮我从 nib 为每个视图添加约束。

【参考方案1】：

对于ImageView。

对于View1 注意高度约束检查 PlaceHolder Remove at build time

对于View2

对于View3

【讨论】：

@Pooja 好的，如果正确，请接受答案..？