屏幕适配之Size Classes 2---分屏适配

屏幕适配之Size Classes 2---分屏适配,第1张

概述屏幕适配之Size Classes 2—分屏适配 仅供大家参考如有问题欢迎加Q群157672725讨论。 在上一期中我们了解了Size Classes的基本用法,这一期主要讲一下其在iOS9分屏适配中的作用。 iOS9分屏介绍 项目如何开启分屏模式 Size Classes在分屏中的作用 iOS9分屏介绍 当初Surface分屏功能出现的时候,我就在想要是iPad也能分屏那该多好,所幸的是在iOS @H_301_1@ 屏幕适配之Size Classes 2—分屏适配

仅供大家参考如有问题欢迎加Q群157672725讨论。

在上一期中我们了解了Size Classes的基本用法,这一期主要讲一下其在iOS9分屏适配中的作用。

iOS9分屏介绍 项目如何开启分屏模式 Size Classes在分屏中的作用 iOS9分屏介绍

当初Surface分屏功能出现的时候,我就在想要是iPad也能分屏那该多好,所幸的是在iOS9上终于实现了。大家看看两家分屏的效果吧,是不是太像了呢,此处省略一些话。。。。。

说实话,看到iOS的分屏那一刻我的心情是很复杂的。心里想着终于可以体验一下分屏了,但是又想了一下,啊啊啊啊啊,是不是又要重写很多代码了啊!废话有点多,那下面我们开始看看iOS的分屏吧。

首先是 SlIDe Over,简单来说,它是一个快速调用应用的功能。它能让你快速的从侧栏位置打开一个应用,进行 *** 作,在完成后回到之前的应用,例如快速回复一条短信、或者记下一条备忘录等等。

接下来是 Split VIEw 显然这是新功能中最有用的,因为他可以让你同时 “做两件事情”,虽然在这之前这招已经被 windows 8.1 玩过了。它的 *** 作方式与 SlIDe Over 类似,你仍需要先调用出 SlIDe Over,再通过滑动两个应用之间的空隙来完成分屏。

项目如何开启分屏模式

如果你是使用Xcode 7建立工程时,是默认支持SlIDe Over和Split VIEw。
如果你从老的工程升级到iOS 9,需要通过以下的Xcode工程配置来支持SlIDe Over和Split VIEw:

设置BaseSDK 为 “Latest iOS ”

提供LaunchScreen.storyboard 文件(不是在iOS 7以及更早版本中的.png图片文件)。

设置支持所有朝向

Size Classes在分屏中的作用

在上一期中,SizeClassDemo仅仅适配了iPhone。有读者问我那iPad怎么适配呢?那么下面我们就来谈谈iPad的适配。
首先,我们新建一个工程,然后在 w Compact h Regular的型下拖一个label,Title设置为“宽:紧凑 高:常规”,在 w Regular h Regular的型下拖一个label,Title设置为“宽:常规 高:常规”,如下图所示。

这个时候,选择模拟器 iPad air2运行,会发现全屏状态下它显示“宽:常规 高:常规”,我们分屏 *** 作一下,可以发现,它显示成了“宽:紧凑 高:常规”,如下图所示。

由该Demo我们知道了iPad的适配、分屏适配与iPhone类似,关键在于型的选择。再此我补充一下型的选择的另一个知识点:
当我们在选择型的时候拖动鼠标会发现,有绿点在变化。其实该绿点表示我们选择的这个型能适应其他的型(继承关系),直接上图吧,看得比较清楚。
如下图,我选中w Compact h Any的时候有三个绿点【w Compact h Compact,w Compact h Any,w Compact h Regular】这就表示该型同样支持另外两个型的适配,这也就是为什么叫Any的原因了。


需要注意的是在选型的时候尽量避免”绿点冲突”,举个例就是:不要适配了w Compact h Any型,再去适配w Compact h Regular型了,因为 h Any已经可以包括Regular了,用程序上去理解就是尽量不要overrIDe了。
比如,我们在demo的基础上在w Compact h Any的型下拖一个label,Title设置为“宽:紧凑 高:Any”如下图


这个时候运行一下,分屏 *** 作可以发现如下图所示的问题

另外我们可以发现,在适配iPad的时候有一个问题,就是ipad的宽无论是在横屏还是竖屏下宽和高都是Regular的,如下图所示所有适应iPad的型都是同时适应横竖屏的。


那如果要适配iPad的旋转的时候布局不同应该怎么做呢?只能通过代码?希望知道的高手告知,有兴趣的朋友可以加群讨论。

小结一下 分屏的适配的关键同样在于型的选择 型的选择时注意绿点,尽量避免“绿点冲突 ” 如果要适配iPad的旋转的时候布局不同应该怎么做呢?只能通过代码? Demo地址:https://github.com/catchZeng/SizeClassDemo2 总结

以上是内存溢出为你收集整理的屏幕适配之Size Classes 2---分屏适配全部内容,希望文章能够帮你解决屏幕适配之Size Classes 2---分屏适配所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1088397.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存