storyboard布局

最近做项目用到了故事板的自动布局，在此记录一下备忘。

xcode版本:8.0

常用布局方式都是按住Control键划线，类似为按钮关联事件。基本上拖一下，设置一下数值就可以。

子控件拖到父试图显示如下：

从上到下依次表示为  ：

左、右、上、下  控件间的距离

水平对齐、垂直对齐

等宽、等高、等比例（可以自己拖到自己，设置比例1：1表示方形）

 

控件之间关系图：

Horizontal Spacing:水平距离      ,       Vertical Spacing :垂直距离

Center Horizontal :水平对齐       ,       Center Vertically :垂直对齐

 

对应属性设置大致如下图显示：

其中Constant=0 时表示按Multiplier比例设置属性值。如：

表示 此控件宽=其父视图宽*0.6

 自己在用的时候先设置父视图平铺，然后固定某一个特殊控件A的上下左右位置，其他控件再根据A设置其相对位置。

注意:

控制器里的第一个视图可以不用设置属性，其中的子试图一定要设置对齐方式。不然里面的控件就找不着了。。。。

 

目前来说这些就够了，有些需要设置固定宽高的就在Pin直接设置值。

 

设置完成之后，点击第四个小按钮，选择Update Frames调整控件位置显示。还有一些其他功能如Clear  Constraints,Add Missing Constraints，系统会自动找到相应位置做一些补充属性修改操作。。。。

 

参考：

file:///Users/qianjianlei/Desktop/webMark/［菜鸟成长记04－AutoLayout自动布局-布布扣-bubuko.com.html

file:///Users/qianjianlei/Desktop/webMark/学会爱上iOS自动布局（Auto%20Layout）%20-%20剑尖%20-%20博客园.html