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

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

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

安全键盘
  • 思路:

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

    1. 设置完成约束:


      约束宽高

      约束宽的比例
  • 设置label自适应宽度

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


      设置label固定约束

      设置自适应
    2. 自适应高度或者宽度最重要一步就是选到我们设置的宽度或者高度的约束,然后点击将Priority改成比1000小的数就可以了,约束就变成虚线了这就说明现在已经可以自适应了


      设置宽的约束
    3. 设置自适应的最大值
      设置自适应最大值
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容