屏幕适配(Xcode8)

作者: JSOfJackChen | 来源:发表于2016-11-12 15:48 被阅读155次

    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

    相关文章

      网友评论

        本文标题:屏幕适配(Xcode8)

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