iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

2020-01-14 20:21:20丽君

我们要在一个直角坐标系里描述一个矩形。
那么只需要指定这个矩形的位置和大小。
那么只要给出上图中的四个值即可:到左边界的距离,到上边界的距离,宽度,高度。
这四个约束是最简单的情况。在对一个元素进行严格约束时,请直接在脑中构建这个元素,并且加上几条约束条件,如果他无法缩放和动弹,那么严格约束就是成功的!
必须牢记,使用 Auto Layout 时最重要的是:对页面上每一个元素都进行严格约束,不严格的约束是万恶之源。

6.实现三等分
三等分设计思路

许多人刚开始接触 Auto Layout,可能会以为它只能实现上面的1、2功能,其实后面3、4两个功能才是强大、特别的地方。接下来我们将尝试设计横向三等分:

第一个元素距离左边一定距离。
最后一个元素距离右边一定距离。
三者高度恒定,宽度相等。(此处我们设置为高度恒定(height 属性),如果你需要的是固定长宽比,则需要设定 Aspect Ratio 属性)
1和2、2和3的横向间距固定。
干货,实现过程的动图:

iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

运行结果

4 寸:

iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

4.7 寸:

iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

纵向三等分实现方式类似,大家可以自己尝试一下哦~



注:相关教程知识阅读请移步到IOS开发频道。