关于Xcode8中Vary for Traits的理解

Xcode8中修改了sizeclass面板的效果,不再是以前的那种方形的选择,而是更加直观的显示了在横竖屏下适配的界面。


创建工程。
选择Main.storyboard。
在视图层中扔进一个imageview。
选中Vary for Traits(注意是先选)。
选择width出现以下界面(发现在横屏竖屏之下都适应)。

1.png

选择heigth出现以下界面( 横屏消失,则为我们当前的需求,只适应竖屏)。
关于Xcode8中Vary for Traits的理解_第1张图片
2.png

接下来选择给imageview适配如下的界面。
关于Xcode8中Vary for Traits的理解_第2张图片
3.png

点击Done Varing。
随后点击横屏机器。
关于Xcode8中Vary for Traits的理解_第3张图片
4.png

进行如下适配。
关于Xcode8中Vary for Traits的理解_第4张图片
5.png

即可以满足我们的横竖屏需求了。

关于Xcode8中Vary for Traits的理解_第5张图片
竖屏.png
关于Xcode8中Vary for Traits的理解_第6张图片
横屏.png

另外,关于适配的一些经验:

  • 一般情况下,适配宽度都是自适应,只需设定左右边距就行。
  • 如果是固定宽度,则需要按比例适配各个屏幕,可以用代码编写,也可以在xib或者storyboard里面使用autolayout中multiply来设定。
  • 高度一般情况下不变,字体大小也可以固定(如有有需求可以单独设定)。
  • 适配ipad或者横屏竖屏,则可以使用ios8的sizeclass(在xcode8中就是以上的配置)具体可以参见此博客。

你可能感兴趣的:(关于Xcode8中Vary for Traits的理解)