屏幕适配(Xcode8)

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

屏幕适配(Xcode8)_第1张图片
xcode8版本适配的操作界面.png

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

屏幕适配(Xcode8)_第2张图片
Main.storyboard.png

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

屏幕适配(Xcode8)_第3张图片
默认状况.png

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

屏幕适配(Xcode8)_第4张图片
横竖屏下不同的约束.png

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

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

屏幕适配(Xcode8)_第5张图片
xcode7.2.png

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

屏幕适配(Xcode8)_第6张图片
xcode8横竖屏下的约束情况.png

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


屏幕适配(Xcode8)_第7张图片
Untitled.gif

你可能感兴趣的:(屏幕适配(Xcode8))