IOS autolayout自动布局实例（swift）

第四篇
对于一个新手来说，刚接触自动布局这东西，会被一种叫约束的东西搞得晕头转向，不是少添加了，就是多添加了，造成约束冲突，不过弄明白之后，也就那回事了。
首先先上个最终的效果图上来，一步步做出这个效果，如果里面没有涉及到知识点就从网上各们大大的文章里找了。
上图：

此效果图分为上中下三部分，上部分由一个uiimageview和他上面两个uiview组成，图片上面的两个uiview透明度为70%，中间一个uivew里面放置一个uilabel显示标题，下部分是两个等宽的按钮组成。

在布局之前先要了解下自动布局的各个属性代表的意义，布局时才能做到得心应手。

首先，先来单个控件的相关属性介绍：

在xcode可视化界面右下角有上图三个按钮，第一个多以多个控件及父控件与子控件之间的属性设置为主，第二个多以单个控件属性设置为主，其中也有多个控件属性的设置，到时一步步说明下，第三个按钮，里面有清除约束，重置约束，其中清除约束常用哦。其中以我用到的为主，毕竟自己技术还很菜，不敢下结论。

1. 上图中最上面的四个方框，估计大家都猜到是什么了，就是上下左右的边距的设置，不过要注意他是距离父元素还是兄弟元素，再下方的复选框constrain to margins，都不选中吧，选中他会保留默认的边距在里面，不注意调整的时候就蛋疼了。个人建议，不好区分父元素还是兄弟元素时，直接选中控件，按住control键往不到方向拉动到目标元素上，再选择是水平还是垂直距离就行了。
2. 上图中间部分width和height，就是他字面意思了，高度与宽度，选中了控件的高度和宽度相应的就设置死了，自动布局不要轻易固定宽高，除非你明确知道他的宽高，一般本人喜欢设置uilabel,uitextfield,uibutton的高度，个人感觉影响不大。
3. 上图下部分