美文网首页
自定义随机键盘-xib约束练习

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

作者: 教父_宸 | 来源:发表于2017-03-07 14:03 被阅读0次

自定义随机键盘-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. 设置自适应的最大值
      设置自适应最大值

相关文章

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

    自定义随机键盘-xib约束练习 练习目标 -(横竖屏适配) 思路:将完成按钮的宽和背景图的宽设置成1:3将完成按...

  • UIView sizeclass

    问题: 从xib自定义一个CustomerView,给这个view加两套约束。先加给所有sizeclass加约束,...

  • xib的基础约束

    写一个自定义的tableviewcell 用xib写的约束 首先写了imageview的约束 对上 左 下 个间隔...

  • xib中label多行显示的高度问题

    用xib自定义cell时,给label的添加约束:(top:10, leading:10, trailing:10...

  • iOS自定义键盘

    OttoKeyboardView 自定义键盘,支持多种样式(数字键盘、小数点键盘、身份证键盘、十六进制数键盘、随机...

  • 自定义键盘/随机键盘

    前言 用于纯数字输入 布局示例 调用示例 运行截图 下载地址:Github

  • iOS中xib与storyboard各种加载

    xib 加载自定义View xib 加载自定义控制器 storyboard 加载自定义控制器 xib 加载自定义cell

  • xib自定义的cell下,imageView圆角裁剪后的适配问题

    问题/现象:XIB自定义的cell,屏幕宽度375下做的适配,imageview 添加了约束,但是414下imag...

  • 使用 xib 设置约束

    0.使用代码设置约束和使用 xib 设置约束,两种方式各有好处吧.代码约束便于维护和修改, xib 约束则可快速搭...

  • xib 约束

    自我勉励 很久以前,就有写一篇关于xib布局约束的文章的想法,但总是拖拖拉拉,时至今日仍不能提笔,可惜可叹!项目中...

网友评论

      本文标题:自定义随机键盘-xib约束练习

      本文链接:https://www.haomeiwen.com/subject/csjmgttx.html