屏幕适配(Xcode8)

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 屏幕适配 本章节主要还是说明如何让应用程序能够适配在苹果不同的屏幕和如何让应用中的内容在不同的屏幕下能够正常的放置...
    AlanGe阅读 4,055评论 0 2
  • 通过SizeClass的方式,在StoryBoard中点击如图位置: 通过提示信息可以判断适配屏幕类型:默认模式:...
    ShenYj阅读 4,711评论 2 4
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,194评论 4 61
  • 关于横竖屏适配,有一句说一句,坑挺深的。之前做Vision和毕设的时候就处理过横竖屏问题,不过当时的功力太浅,明显...
    HarwordLiu阅读 37,485评论 26 137
  • 如果诸位读者看过《泽景园》, 不用我这个看园人多加述说, 便对述说者和述主有一定的认识。 我的主人爱走在他的园子里...
    泽景园主阅读 2,635评论 0 1