使用自动布局使按钮居中

Xcode提供两种方式定义自动布局约束:

1,自动布局条

2,拖拽


使用自动布局使按钮居中_第1张图片

每个按钮都有自己的功能:

Align:创建一致性约束,如两个视图的左边缘对齐

Pin:创建间距约束,如定义UI空间的宽度

Issues:解决布局问题

Stack:嵌入视图到堆栈视图,这个是xcode7的新特性

现在给"Hello World"按钮创建约束,使按钮居中显示,需要创建两个约束:水平居中和垂直居中


使用自动布局使按钮居中_第2张图片

如上图所示,选择“Hello World”按钮,点击Align,选中“Horizontal center in container”和“Vertical centerincontainer”,点击Add 2 Constraints。


使用自动布局使按钮居中_第3张图片

看以看到约束已经添加好了,现在来测试一下,分别在不同设备中的显示


使用自动布局使按钮居中_第4张图片

你可能感兴趣的:(使用自动布局使按钮居中)