自己尝试等装一下

屏幕适配(Xcode8)

2016-11-12  本文已影响155人  JSOfJackChen

1、在进行屏幕适配时,xcode8和xcode7+之间存在着的一些细微的变化

xcode8版本适配的操作界面.png

xcode8如上图所示,所有的适配都是以模拟器的模型作为参考标准,在适配的时候更加直观化,在选择需要适配的屏幕尺寸的同时选择屏幕的方向(orentation)。

Main.storyboard.png
首先需要注意的是当我们选中了storyBoard面板中的绿色view,并给这个绿色的view添加完约束之后,在绿色view的属性面板,默认是installed。【表示给视图添加的约束同时支持横屏和竖屏】 默认状况.png

如果需要分别在横屏和竖屏下给绿色的view添加不同的约束,需要去掉installed前面的勾(√)。

横竖屏下不同的约束.png
注意,在切换不同的屏幕方向的时候,需要选择约束条件与installed(横屏下的installed或者竖屏下的installed)进行匹配,否则约束条件不管是横屏还是竖屏都是有效的,且无法在横屏下或者竖屏下这两者中的一种情况进行修改

xcode7+屏幕适配面板默认是 w Any | h Any的,表示在storyBoard面板里的视图在横竖屏下都会显示在故事板中。这是一个九宫格,如下图所示:

xcode7.2.png

可以根据compact,any,regular来进行选择组成的九宫格横竖屏,并且在进行横竖屏进行切换的时候,横屏下的视图和约束条件切换到竖屏下,显示为白色,在竖屏下默认都是不可用的,而xcode8默认为视图不可用,约束条件可以,所以,在xcode8需要选择约束条件来切换横竖屏。

xcode8横竖屏下的约束情况.png

横竖屏适配的效果图如下所示:


Untitled.gif
上一篇 下一篇

猜你喜欢

热点阅读