苹果iPhoneX刘海适配对程序员来说都不是事李永昌
苹果iPhone X“刘海”适配,对程序员来说都不是事
苹果iPhone X“刘海”适配,对程序员来说都不是事...
北京时间9月12日凌晨,苹果在乔布斯剧院发布了iPhone X,主打全面屏的iPhone X取消了Touch ID,代之以Face ID。
为了实现更为安全的面部识别,iPhone X正面的全面屏上方有一条刘海,上面集成了红外(深度)摄像头、近距离传感器、泛光感应元件、环境光传感器、左/上扬声器、麦克风、前置摄像头和一个名为点状投射仪(Dot projector)的元件。它会投影30000多个肉眼不可见的光点在你脸上,对你的脸绘制一幅三维的深度“脸图”,然后和系统记录的脸图进行比对。
对于开发这来说,这些都不重要!!重要的是:
这个屏幕上的刘海究竟要怎么适配呀!!!
哦,不过这篇文章并不是为了吐槽这个点的。毕竟再怎么吐槽,再过一个多月iPhone X就要发货了,不管怎样最终还是要面对现实。
经过了一段时间的沉淀,全世界的开发者们似乎已经找到了几种适配iPhone X刘海全面屏的方法。
首先是纵向上的问题:
纵向上主要是顶部的导航栏、状态栏和底部TabBar的问题。
iPhone X开发尺寸与iPhone 8的宽度一致,在垂直方向上多了145 pt,这就意味着多出20%的垂直空间,APP可以展示更多的内容。
但是多出来的145 pt并不是方方正正的矩形,而是被刘海切割成了异形区域。
于是就有人尝试,既然苹果没有把刘海做齐,那通过软件把刘海两侧的空白填上不就可以了嘛。
这样是不是就顺眼多了?“Ears”的名称也很贴切吧。
然而苹果的“Human Interface Guidelines”明确禁止了这种做法。
苹果规定:注意内容不要被裁切,建议内容为居中对称已不被圆角或传感器等遮挡,也建议使用系统提供的的元素以及自动布局来构建页面获得更好的适配效果。注意StatusBar的高度,iPhone X的状态栏高度会更高,如果有开发者对NavgationBar的位置是通过固定值进行位置的定位的,建议升级App。
而且如果 App是隐藏StatusBar的,苹果建议开发者重新考虑,iPhone X为用户在垂直空间上提供了更多展示空间,且状态栏中也包含了用户需要知道的信息,除非能通过隐藏状态栏带给用户额外的价值,否则苹果建议将状态栏还给用户。
苹果给出了iPhone X设计布局的安全区意见是这样的:
也就是说,开发者还要保证设计布局能够填充整个屏幕,而核心内容又不能被设备的大圆角、传感器(齐刘海)、以及底部的Home Indicator遮挡。
如果没有适配iPhone X,就会变成这样的:
图片来源:奇点开发者@图拉鼎(注:新版奇点已适配)
另一款成功适配的APP效果图是这样的:
图片来源:四叶新媒体联合创始人微博@Saic
当然,比起纵向的问题,横向的适配问题更大,槽点也更多。
首先是苹果iOS自带的Safari在横屏状态下网页两侧会填充一定的空白,就变成了这样的:
与此对应,苹果给出的横屏状态下的安全区域是这样的:
好吧,既然要加载空白区域,那滚动的时候滚动条该怎么“优雅”的穿过刘海?
苹果的Safari滚动条在横屏状态下穿过刘海的时候变成贪吃蛇了?
还有这样的:
当然,这些都是苹果不允许的。
还有开发者把功能键的弹出放在了刘海那一侧,由于也是黑色的背景,看起来更有一体感了:
而横屏打游戏的时候,操作界面被刘海遮挡。所以操作功能键需要放在苹果建议的安全区域,其他的背景图用来填充空白。
也就是说,按照苹果的开发指南,无论横屏还是竖屏,要适配iPhone X这样有刘海的屏幕,除了审美需(被)要(迫)提(适)高(应),APP重要的功能键、TabBar等需要放在苹果建议的安全区域内,其他的地方用APP背景页或者状态栏填充。
而如果想把男女朋友的照片设为锁屏壁纸的话,需要找一张人物稍微“居中”或者“居下”的照片(拍照的时候人物主体在画面下方),否则就会变成了这样:
还有一些需要我们的审美去适应(无解)的情况,尤其是全屏模式下浏览照片、看视频以及Safari阅读模式。
比如这样的:
iPhone X刘海里的Face ID虽然很强大,但是这样的异形屏真是难为开发者和用户了。
哦,对了关于开头那个王者荣耀的吐槽,科技媒体评测已经给出了答案。腾讯官方的适配方法是这样的:
-
时最佐丹奴真维斯班尼路今昔不同往日童年都已长李春波萧贺硕七台河立威廉蒋志光Trp
佐丹奴,真维斯,班尼路今昔不同往日,童汉中年都已长大了佐丹奴,真维斯,班尼路今昔不同往日,童年都已长大了不过,事物都逃不过命运的轮回,实则是市场选择的结果。曾经穿着“班尼路”在班级里风光的邓萃雯小孩们
2024-04-18 08:06
-
最佳寻人大师发布会白一骢玩失踪钟镇涛时隔多年张世六盘水郭峰丁广泉姚健Trp
寻人大师发布会白一骢玩失踪 钟镇涛时隔多年开金嗓11:10:00中国中新6月14日电 生话题剧《寻人大师》6月13日在上海举办开播发布会,该剧总监制兼总编剧白一骢、导演李泽露和主演胡耘豪、何花、钟镇涛、付嘉、钱迪迪等主创人
2024-04-18 05:54
-
最佳马天宇说他从来没拍过全家福现在他的愿望终陈翔曾春年陇南柳影虹高潮乐队Trp
马天宇说他从来没拍过全家福,现在他的愿望终于实现了马天宇因为发布了自己的全家福而上了热搜,看来,友们确实很关心他的家庭生活呀。放寻常人家里,隔几年留一张全家福已经real常见了,但是这几张全家福对马天宇讲,
2024-04-17 23:37
-
时最陈建斌曝太太预产期在7月初更没想到他和汪萧萧澎恰恰上饶江宏恩秦炎仕Trp
陈建斌曝太太预产期在7月初,更没想到他和汪小菲是同一天生日有时候缘分真的挺奇妙,大S汪小菲和蒋勤勤合肥陈建斌夫妇上了同一个节目《幸福三重奏》,没想到两位男士竟然还是同一天生日!6月26日,大S、蒋勤勤就先后发
2024-04-17 20:57
-
时最全程都在撒糖的4部剧男神女神超般配部部都娇娇仙桃贾南杭琳峰孙逊TRp
“全程都在撒糖”的4部剧,男神女神超般配,部部都难以自拔原标题:“全程都在撒糖”的4部剧,男神女神超般配,部部都难以自拔相信很多人都清楚,最近吐鲁番这些年的电视剧几乎都是以甜宠剧为主,毕竟甜宠剧让人们的心
2024-04-03 06:58
-
时最何炅一字道破易烊千玺红的秘诀黄渤用行动附闫伟韩红仁怀蝴蝶组合傅薇TRp
何炅一字道破易烊千玺红的秘诀,黄渤用行动附议,王菲吐心声支持湖南卫视花费其聚合物是无规的重金打造的全新原创综艺《幻乐之城》终于在一片欢呼声中迎来了首播!该档节目孙悦着实备受国民关注,它不仅邀请到了天后
2024-04-03 01:45