iOS故事版/Xib下 autolayout基于父视图的应用

提问,如图所示,如何添加约束,使名为“pushme”的label的宽度是其父视图的一半,也就是1/2,即0.5?


iOS故事版/Xib下 autolayout基于父视图的应用_第1张图片
autolayout_1.jpeg

开发应用端APP,autolayout是个好东西。。
使用autolayout无非两种方式,1、纯代码;2、故事版/Xib
纯代码的情况下,Masonry又是个好东西。
使用Masonry,大家都会。那么在故事版/Xib的情况下该如何添加呢。
(之前我都是先添加一个起参考作用的label,使其左右距离父视图的距离都为0,然后再给目标控件添加约束,使其宽度为参考label的一半),这是一个很烂的方法,一开始我是拒绝的,但是为了解决一些问题,我还是这样做了。。

所以用故事版或者Xib到底该怎么添加约束呢?
其实很简单,选中目标控件(这里是"pushme")->右键不放拖一条线到父视图->在弹窗中选中"Equal Widths"


iOS故事版/Xib下 autolayout基于父视图的应用_第2张图片
autolayout_2.jpeg

出现下面效果

iOS故事版/Xib下 autolayout基于父视图的应用_第3张图片
autolayout_3.jpeg

然后设置比例

iOS故事版/Xib下 autolayout基于父视图的应用_第4张图片
autolayout_4.jpeg

这就好了,everything looks good...

这又是一个很简单的问题,完全就是知道与不知道的问题。。
所以还是多读书,多看报,少吃零食,多睡觉。。。

你可能感兴趣的:(iOS故事版/Xib下 autolayout基于父视图的应用)