新手机iPhone X适配

今天给大家普及下iPhone X的适配

之前7月份开始忙着家里装修和换工作一直没有时间看iPhone X的适配今天抽时间看了看顺便分享给大家

图片相关

请为你的应用提供高分辨率的设计素材。iPhone X 有非常高的分辨率，请提供 @3x 的设计素材。对于图形类或其他扁平化图像素材，最好使用一倍尺寸下的 PDF 格式。

布局相关

适配: 在你为 iPhone X 设计界面时，请必须保证所有设计内容不能被屏幕圆角、上方传感器区域、下方返回主页指示器所遮挡。
大部分应用都使用了系统提供的标准组件，如导航栏、表单等…这些系统部件会自动适配 iPhone X 的屏幕，部件的背景将会向上拉伸至屏幕边缘，状态栏中的元素将会按照规则重新摆放。
iOS11 以前，我们布局时，视图的 top 和 bottom 一般参照的是 Top Layout Guide 和 Bottom Layout Guide。
iOS11 以后，那两个参照已经 deprecated (过时)了，而被 Safe Area 取代。
Safe Area 要求最低支持 iOS9.0 。
现在苹果的Xcode已经提供了iPhone X ，大家可以在模拟器上预览你的应用。请注意检查应用元素是否被屏幕切割、布局是否正常等。对于一些新特性，比如广色域显示，使用实体设备才能起到最好的预览效果。
状态栏: 注意状态栏的高度。iPhone X 的状态栏比其他 iPhone 上要更高一些。如果您的应用元素尺寸是根据状态栏高度来判断，或是元素位置处于状态栏下方，则必须更新您的应用，请跟据用户的设备来动态定位内容。请注意，当后台任务（如录音和位置跟踪）处于活动状态时，iPhone X上的状态栏不会改变高度。
如果您的应用目前是隐藏状态栏，请根据 iPhone X 屏幕特点重新考虑。iPhone X 的屏幕比 4.7 英寸 iPhone 的屏幕高很多，省去状态栏占据的内容区域可能并不会得到很好的利用。状态栏还展示了人们觉得有用的一些信息，请思考当你将它隐藏时换来的价值要高于显示。
可交互空间位置: 避免将可交互控件放在屏幕底部和角落。屏幕底部可以通过手势进入主屏幕和多任务页面，这些手势可能会覆盖您在此区域中实现的自定义手势。屏幕角落可能无法让人们舒适地触达。
避免干扰到系统级别的屏幕边缘手势。人们使用这些手势来使用所有应用，在极少数情况下，像游戏这样的沉浸式应用程序可能需要自定义的屏幕边缘手势。优先于系统的手势：第一次滑动会调用自定义手势，而第二次滑动则会调用系统手势。这种自定义行为（称为边缘保护）应该谨慎使用，因为它使得用户难以访问系统级的操作。更多信息请查看「手势」。

其他注意事项

faceID: 检查认证方法的正确性。 iPhone X 支持 Face ID 进行身份验证。如果您的应用程序与 Apple Pay 或其他系统身份验证功能集成，请勿在 iPhone X 上引用 Touch ID。同样，请不要在支持 Touch ID 的设备上引用Face ID。更多信息请查看「验证」。
键盘: 不要重复定义系统提供的键盘功能。在 iPhone X 上，Emoji、语言切换和语音识别按钮会自动显示在键盘的下方（即使使用自定义键盘）。您的应用程序不能影响这些按钮，为了避免造成困扰，请不要在键盘中重复定义这些按钮。更多信息请查看苹果官方文档中的自定义键盘。

新手机iPhone X适配相关推荐

大屏iPhone的适配 +iOS 图片尺寸要求
摘自:http://blog.ibireme.com/2014/09/16/adapted_to_iphone6/ 苹果公司官网设计介绍到:Retina显示屏的超高像素密度已超过人眼能分辨的范围. R ...
移动端iPhone系列适配问题的一些坑
完成移动端的开发项目之后,发现谷歌自带的调试器似乎没有什么太大的作用,整天借同事的苹果手机测bug,尽管同事不厌其烦,但还是觉得这iPhone系列适配问题适配到想逃逃逃,好在项目已经顺利完成,测试通过 ...
iPhone X 适配(全)
iPhone X 适配(全) 背景 iPhone X 刘海机于9月13日发布,给科技小春晚带来一波高潮.作为开发人员却多出来一份忧虑,iPhone X 怎么适配?我们 App 的脑袋会不会也长一刘海出 ...
iOS iPhone X 适配
//联系人:石虎 QQ: 1224614774 昵称:嗡嘛呢叭咪哄一.概念想要适配iPhone X 的,请看: 苹果官方刚刚更新了中文版的iPhone X适配指南,这可是关于iPhone X的第 ...
iPhone机型适配相关问题
iPhone机型适配相关问题这里主要是介绍自己在项目开发过程中, 遇到的关于iphone适配相关的问题, 这里不是讲解怎么去做机型适配, 而是介绍自己在适配中踩到的坑, 希望对同道中人有所帮助. i ...
iPhone X适配以及iOS 11可能出现的常见崩溃（info.plist配置）
iPhone X适配程序启动图,引导图等 iPhone X像素尺寸1125x2436,也就是说,你的启动图或者是闪屏页,App引导图等得新加一个图了,另外iPhone X用的是三倍图,开发用的逻辑分 ...
iOS屏幕适配支持新手机 iPhone XR iPhone XS 超简单
随着苹果爸爸发布了超牛叉的iPhone iPhone X .iPhone XR.iPhone XS .iPhone XS Max.开发者的适配工作要开始了. 停,?. 如果app 适配过 iPhon ...
超简单 iOS屏幕适配支持新手机 iPhone XR iPhone XS
随着苹果爸爸发布了超牛叉的iPhone iPhone X .iPhone XR.iPhone XS .iPhone XS Max.开发者的适配工作要开始了. 停,?. 如果app 适配过 iPhon ...
iPhoneX设计稿适配Android,UI设计干货：关于IPHONE X适配问题
随着苹果iPhoneX上市大卖以来,市场份额越来越高,UI设计师不得不掌握IPHONEX的适配,今天就来讲讲IPHONEX的基础适配,高手绕道! iOS各个屏幕尺寸就不说了这里只介绍X的尺寸和适配 X ...

新手机iPhone X适配

今天给大家普及下iPhone X的适配

图片相关

布局相关

其他注意事项

新手机iPhone X适配相关推荐

最新文章

热门文章