ios - 如何在兼容 iphone 5 和 iphone 4 的 Nib 中应用自动布局?
<p><p> <img src="/image/ZcSOL.png" alt="enter image description here"/>我对自动布局知之甚少。我们可以通过自动布局支持 iphone 4 和 iphone 5 设计。我的观点如下所示。我有 4 英寸显示屏的 Nib 。我希望我的 Nib 也兼容 3.5 英寸显示屏。我使用 nib 的哪些约束来完美设置 iphone 4(3.5 英寸)显示屏的 View ?
由于没有太多的声誉不能上传图片,所以这里解释一下我的设计是如何的:
-> 我有一个 ImageView ,然后是 3 个 View ,如图所示。
-> ImageView 大小 w*h 232*41,第一个 View 大小 320*161,第二个 View 大小 320*180,第三个 View 大小 320*118
-> Image view 的 y 为 25,imageview 和 firstview 之间的空间是 20,first view 和 secondview 之间的空间是 8,第二个 view 和第三个 view 之间的空间是 25。</p>
<p>我尝试应用以下约束
1)用于 ImageView
->superView 中的引脚前导、顶部和尾随空间
2)第一次查看
-> ImageView 和第一个 View 之间的引脚高度和引脚垂直规范
3)第二个 View
->第一个 View 和第二个 View 之间的引脚高度和引脚垂直规范
4)第三 View
->第二个 View 和第三个 View 之间的引脚高度和引脚垂直规范,也将底部空间固定到superview,即0。
对于 3.5 英寸的显示屏,我的设计仍然一团糟。
我尝试添加缺少的约束选项,但仍然所有 View 都搞砸了。帮我从 nib 为每个 View 添加约束。 </p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>对于<code>ImageView</code>。</p>
<p> <img src="/image/01Mv6.png" alt="enter image description here"/> </p>
<p>对于 <code>View1</code> 注意高度约束检查 PlaceHolder <code>Remove at build time</code></p>
<p> <img src="/image/xWKnY.png" alt="View1"/> </p>
<p>对于<code>View2</code></p>
<p> <img src="/image/T8DMV.png" alt="enter image description here"/> </p>
<p>对于<code>View3</code></p>
<p> <img src="/image/GgHVh.png" alt="enter image description here"/> </p></p>
<p style="font-size: 20px;">关于ios - 如何在兼容 iphone 5 和 iphone 4 的 Nib 中应用自动布局?,我们在Stack Overflow上找到一个类似的问题:
<a href="https://stackoverflow.com/questions/23485820/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/23485820/
</a>
</p>
页:
[1]