用Swift开发iOS10 - 4 AutoLayout

项目介绍

Xcode提供了两种方法定义Auto Layout的约束:

  1. Auto Layout工具栏
  2. Control-drag

使用Auto Layout使label到中央

Auto Layout工具栏提供了四个按钮:

  • Stack - 组合views变成一个stack view
  • Align - 构建对齐约束
  • Pin - 构建空间约束,例如UI的宽度,高度,边距等
  • Issues - 解决布局问题

image-20190303234449799

使用Control-drag使得label到右下角

control+drag方法来添加spacing constraint

按住control,从label上向右拖动,拖出label到视图后松开,出现弹框,选择 “Trailing space to container margin” ,表示设置右边距的约束。

类似2的方法,向下拖动松开,选择弹框中的”Vertical Spacing to Bottom Layout Guide”,表示设置了下边距约束。

所有约束线变成了蓝色实线,蓝色实线表示约束正常。 document outline上又出现两个约束

使用Auto Layou\Control-drag使得label水平居中,距离上边40