自定义随机键盘-xib约束练习

自定义随机键盘-xib约束练习

练习目标 -(横竖屏适配)

自定义随机键盘-xib约束练习_第1张图片
安全键盘
  • 思路:

    1. 完成按钮的宽和背景图的宽设置成1:3
    2. 完成按钮的高和北京图的高设置成1:1.46555(这个自己设置成一个合适的比例即可)
    3. 将第一列都按照完成按钮的宽高相等设置然后bottom和left都设置为0
    4. 删除按钮那一列和完成这一列相同的思路
    5. 将中间那列最下面的button的bottom、letf、right设置约束为0 然后高和完成按钮一样高,然后将中间那列的所有的按钮的高贺宽都设置到等于中间最下面的高和宽。
    6. 这样的思路主要是当我们的背景图片高度变矮的时候 按钮也会相应的变矮了,实现了完美适配
  • 完成按钮的创建过程实例:

    1. 设置完成约束:


      自定义随机键盘-xib约束练习_第2张图片
      约束宽高

      自定义随机键盘-xib约束练习_第3张图片
      约束宽的比例
  • 设置label自适应宽度

    1. 先设置上四个固定的约束:top距离顶部为0,bottom距离label下面的buttom为0,看度就设置成当前宽度就行,最后是让label位于父试图Y轴居中,如图:


      自定义随机键盘-xib约束练习_第4张图片
      设置label固定约束

      自定义随机键盘-xib约束练习_第5张图片
      设置自适应
    2. 自适应高度或者宽度最重要一步就是选到我们设置的宽度或者高度的约束,然后点击将Priority改成比1000小的数就可以了,约束就变成虚线了这就说明现在已经可以自适应了


      自定义随机键盘-xib约束练习_第6张图片
      设置宽的约束
    3. 设置自适应的最大值
      自定义随机键盘-xib约束练习_第7张图片
      设置自适应最大值

你可能感兴趣的:(自定义随机键盘-xib约束练习)