美文网首页
关于Xcode8中Vary for Traits的理解

关于Xcode8中Vary for Traits的理解

作者: 君莫叹人生如若初见 | 来源:发表于2017-01-09 13:49 被阅读197次

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中就是以上的配置)具体可以参见此博客

相关文章

网友评论

      本文标题:关于Xcode8中Vary for Traits的理解

      本文链接:https://www.haomeiwen.com/subject/wdacbttx.html