上一篇博客记录了怎么使用代码对视图进行约束,原文:点击打开链接
这次记录一下关于自动布局的例子,
1.创建一个Single View Application :
2.选择自动布局:
3.拖拽两个TextField和一个按钮到视图中,把他们放在屏幕的水平位置的*,运行:
手机竖屏的时候,很好看:
横屏的时候就变成了这个鸟样子,()
当然你可以用代码添加约束,不过有了autoLayout 一切是那么的美好。
4.选中两个Text Field按照下图设置垂直间距,
按照上边的方法依次设置,
三个构件的leading space to superview 和trailing space to superview
下边textfile 和button 的vertical spacing
上边 TextFiled的top space to superview
设置完后约束图如下
必须所有的约束线全部变成蓝色 ,如果是红色说明约束还没设置完整,
可以点击红色箭头查看缺少的约束。
设置完后运行效果如下: