300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > iOS屏幕适配 支持新手机 iPhone XR iPhone XS 超简单

iOS屏幕适配 支持新手机 iPhone XR iPhone XS 超简单

时间:2018-07-31 18:44:05

相关推荐

iOS屏幕适配 支持新手机  iPhone XR iPhone XS 超简单

随着苹果爸爸发布了 超牛叉的iPhone iPhone X 、iPhone XR、iPhone XS 、iPhone XS Max、开发者的适配工作要开始了。

停,?。

如果app 适配过iPhone X、新机子不用怎么适配的了。

如果你之前的适配、都是写死的。

建议你写活吧。万一,苹果爸爸发布全面屏的iPhone呢?

先看看新手机嘛

新手机和iPhone X相同、都是刘海屏、

适配刘海屏即可啦

如何适配刘海屏?

下图是 iPhone X 对比其他机型的变化部分。iPhone X 和 iPhone 8 的宽度一致,在垂直方向上多了145pt,这就意味着首页可以展示更多的内容,多出来的这20%的垂直空间,也许可以挂上更高价值的运营位。

一、StatusBar

iPhone X 上的 StatusBar 高度比之前的 iPhone 高一些,也就是说,我们如果写死20pt高度的 frame 布局,都要大面积修(tu)改(xue)。在 iPhone X 上,通过打印 [[UIApplication sharedApplication] statusBarFrame] 可以看到,高度是44pt。

"如果你的 App 是隐藏 StatusBar 的,建议重新考虑。iPhone X 为用户在垂直空间上提供了更多展示余地,且状态栏中也包含了用户需要知道的信息,除非能通过隐藏状态栏带给用户额外的价值,否则苹果建议大家将状态栏还给用户。"

另外还有一点,用户在使用 iPhone X 打电话的时候,StatusBar 的高度也不会发生变化了。

二、屏幕底部

因为没有了 Home 键,iPhone X 的底部是预留给系统功能的一个区域 - Home Indicator,这部分的高度是34pt。

iPhone X 的 Home Indicator 区域

“如果你的底部是 TabBar,那么 Home Indicator 背景会来自于 TabBar 背景的延伸,如果我们是一个 feed 流的页面,那么底部会展示 feed 流的局部。”

意思是如果有 TabBar,那么那个区域会延展你的 barTintColor;没有的话,就显示透明的(参照 Setting)。之所以这么设计,是为了让 indicator 清晰可见,告诉用户你可以滑动这部分区域。所以苹果不建议我们的 UI 元素过于靠近这部分区域。

三、适配进行

将原来的替换、审查每个界面、减去新增的高度

四、使用safeAreaInsets

现在没有用到safeAreaInsets来进行适配,是应为在IB界面里,safeAreaInsets支持的最低版本为iOS 9.0,

我们还需要兼容之前的版本。所以这里没有介绍这种方法。

至此、屏幕简单适配结束啦。

有什么不恰当的地方,欢迎指正。

附上上述代码

#define kStatusBarHeight [[UIApplication sharedApplication] statusBarFrame].size.height#define kNavBarHeight 44.0#define kTopHeight (kStatusBarHeight + kNavBarHeight)#define kTabBarHeight ([[UIApplication sharedApplication] statusBarFrame].size.height>20.1?83.0:49.0)#define kTabBarArcHeight ([[UIApplication sharedApplication] statusBarFrame].size.height>20.1?34.0:0.0)//替换 64px →kTopHeight//替换 49px →kTabBarHeight

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。