iOS Vary for Traits

升级xcode8之后,打开storyboard发现xcode7适配界面的size class被Trait Variations所取代,尽管看起来变化很大,但实际原理是一样的。

下面通过一个简单的例子来看下如何使用Trait Variations适配

先看效果图,类似音乐播放界面,竖屏封面在顶部,横屏封面在左侧,同时label位置也对应变化:

竖屏:

iOS Vary for Traits

横屏: 

iOS Vary for Traits

效果看到了,下面来实操一下:

一、竖屏的约束设置:

首先选中竖屏:如图:选中红色框按钮

iOS Vary for Traits

然后,点击Vary for Traits ,勾选如图的两个按钮

iOS Vary for Traits

约束完,高亮的是竖屏约束、如图:

iOS Vary for Traits

注意,约束设置完成之后,点击Done Varying按钮,这样,竖屏的约束就做完了;

iOS Vary for Traits

二、下面来设置横屏的约束:

首先选中如图的按钮:

iOS Vary for Traits

然后点击:vary for taints 选中如图按钮:

iOS Vary for Traits

然后设置约束:设置完成后如图高亮的约束:

iOS Vary for Traits

这样横屏的约束就完成了,别忘了最后点击Done Varying按钮;

iOS Vary for TraitsiOS Vary for Traits