自定义随机键盘-xib约束练习
练习目标 -(横竖屏适配)
![](https://img.haomeiwen.com/i4420130/7cadebe231ee3191.png)
-
思路:
- 将完成按钮的宽和背景图的宽设置成1:3
- 将完成按钮的高和北京图的高设置成1:1.46555(这个自己设置成一个合适的比例即可)
- 将第一列都按照完成按钮的宽高相等设置然后bottom和left都设置为0
- 将删除按钮那一列和完成这一列相同的思路
- 将中间那列最下面的button的bottom、letf、right设置约束为0 然后高和完成按钮一样高,然后将中间那列的所有的按钮的高贺宽都设置到等于中间最下面的高和宽。
- 这样的思路主要是当我们的背景图片高度变矮的时候 按钮也会相应的变矮了,实现了完美适配
-
完成按钮的创建过程实例:
-
设置完成约束:
约束宽高
约束宽的比例
-
-
设置label自适应宽度
-
先设置上四个固定的约束:top距离顶部为0,bottom距离label下面的buttom为0,看度就设置成当前宽度就行,最后是让label位于父试图Y轴居中,如图:
设置label固定约束
设置自适应
-
自适应高度或者宽度最重要一步就是选到我们设置的宽度或者高度的约束,然后点击将Priority改成比1000小的数就可以了,约束就变成虚线了这就说明现在已经可以自适应了
设置宽的约束
- 设置自适应的最大值
设置自适应最大值
-
网友评论