气质程序媛养成记第一篇
作为一个立志成为一个气质程序媛美女的女孩子来说,养成记日记的习惯是非常必要的(虽然我也是被逼无奈),这不仅可以加深印象,将来查询资料的时候也会非常快捷迅速,毕竟自己写的东西,自己更容易理解嘛。下面我们从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
注意:约束比例值为只读属性,不可在外部进行修改,如需修改,可换算成具体的偏移量,然后修改偏移量即可
第一次写博客,实在不知道该写点什么,随便一写,仅供初学者借鉴,最近在研究横竖屏适配问题,将在下篇文章中进行介绍🙂
