昨天重拾iOS发现,怎么加Constraints等设计Layout的问题全忘了。赶紧复习一下。

Alignment 居中


这两个√解决

AutoLayout 自动布局


注意。边界要选Safe Area。

Stack View

选中多个组件。

点击按钮即可组合成一个StackView。
StackView里内容的居中、各项间距、平铺等在右侧设置:

等宽登高

两个View等宽。点住一个右键(或Ctrl)拖到另一个View:

选择等宽。一般是和Safe Area等宽

竖屏/横屏的布局切换问题

Size Class

横屏竖屏布局必须先了解iOS的SizeClass机制。
R = Regular 正常
C = Compact 紧凑

iPad
R
R
iPhone 竖屏 横屏
R C
C C/R(Plus)

Note:iPhone X在横屏下竟然全是紧凑:

也就是说只有Plus是在横屏下的宽是R。
设计时可以在iPhone X的布局下适配。

增加变体

懂了Size Class这个这时候就可以增加新的变体Constraints:


Note:
双击约束可以编辑。并增加变体约束。


最后的Installed可以设置这个Constraints在此Size Class下是否√生效:

OK。这些布局差不多够入门的了。