关于Xcode8中Vary for Traits的理解

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


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

1.png

选择heigth出现以下界面(横屏消失,则为我们当前的需求,只适应竖屏)。
2.png

接下来选择给imageview适配如下的界面。
3.png

点击Done Varing。
随后点击横屏机器。
4.png

进行如下适配。
5.png

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

竖屏.png
横屏.png

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

  • 一般情况下,适配宽度都是自适应,只需设定左右边距就行。
  • 如果是固定宽度,则需要按比例适配各个屏幕,可以用代码编写,也可以在xib或者storyboard里面使用autolayout中multiply来设定。
  • 高度一般情况下不变,字体大小也可以固定(如有有需求可以单独设定)。
  • 适配ipad或者横屏竖屏,则可以使用ios8的sizeclass(在xcode8中就是以上的配置)具体可以参见此博客
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容