OGeek|极客世界-中国程序员成长平台

标题: ios - 如何在兼容 iphone 5 和 iphone 4 的 Nib 中应用自动布局? [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-12 09:38
标题: ios - 如何在兼容 iphone 5 和 iphone 4 的 Nib 中应用自动布局?

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。

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



Best Answer-推荐答案


对于ImageView

enter image description here

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

View1

对于View2

enter image description here

对于View3

enter image description here

关于ios - 如何在兼容 iphone 5 和 iphone 4 的 Nib 中应用自动布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23485820/






欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/) Powered by Discuz! X3.4