气质程序媛养成记第一篇

作为一个立志成为一个气质程序媛美女的女孩子来说,养成记日记的习惯是非常必要的(虽然我也是被逼无奈),这不仅可以加深印象,将来查询资料的时候也会非常快捷迅速,毕竟自己写的东西,自己更容易理解嘛。下面我们从UI篇开始介绍吧。

UI篇

用xib来搭建UI界面

1、 抗拉伸和抗压缩设置

抗拉伸和抗压缩设置1

这是UIView的Xib界面,红色标示出的是我们最常用到的一些属性操作。

抗拉伸和抗压缩设置2

这里我标示出了大多数人忽略的两个约束方式:抗拉伸和抗压缩。
大家都知道,在xib创建Label的时候,只要给定一个方向的高度,则另一个方向的长度会根据文字来自适应。如果在同一个视图中并排两个Label,且都需要自适应高度,这种情况下,如果不给定其中一个label一个固定值,那么约束肯定报错.此时就可以用到这两个属性。

废话不说了,上图看一下还是比较清楚的。

抗拉伸抗压缩.png

两个label都没有给定宽度,所以报错了。

抗拉伸1.png

给左边的label的横向抗拉伸系数减1
效果如下图:

抗拉伸2.png

接下来测试抗压缩:

抗压缩1.png
抗压缩2.png
2、比例约束
xib里面的比例约束其实也很简单.以子视图与父视图的比例约束为例.假设要求上图左侧label宽度等于父视图的1/2,则只需要选中label,按住control键的同时,鼠标选中该label并移动鼠标到父视图,在弹出来的窗口中选择Asepct Ratio即可。
此时右侧约束会多出来一条Ratio to比例值约束,双击进去如下图所示
比例约束1.png

• Relation处点开有三个选项,分别是等于,大于等于,小于等于。可按实情选择
• Constant:偏移量
• Priority:约束系数
• Multiplier:约束比例值

• 此处具体的计算方式为:Second Item * Multiplier + Constant

  
  比例约束2.png

有朋友问:如果我外部需要修改这个约束怎么办呢?

其实这也简单,可能很多童鞋都不知道,其实约束也是可以拖出来设置为属性的哦😁,具体方法与拖属性类似

约束属性.png 约束属性2.png

拖出来约束之后,使用点语法,即可得到偏移量,约束比例值等,具体代码和效果如下:

代码和效果.png

注意:约束比例值为只读属性,不可在外部进行修改,如需修改,可换算成具体的偏移量,然后修改偏移量即可

第一次写博客,实在不知道该写点什么,随便一写,仅供初学者借鉴,最近在研究横竖屏适配问题,将在下篇文章中进行介绍🙂