软件风向标,重度软件行业发展门户!

文章更新 | 热门文章
您的位置: 首页  →  游戏新闻 → 《“齐刘海儿”挡画面?苹果:开发者调整界面适配

“齐刘海儿”挡画面?苹果:开发者调整界面适配

2023-06-11 07:49:16      小编:NT      我要评论

“齐刘海儿”挡画面?苹果:开发者调整界面适配

iPhone X被库克描述成“未来的手机”,不过对许多应用开发者来说,迎接这个“未来”的第一步是修改应用。

为了实现正面的“全面屏”而又不缺失关键组件,iPhone X顶部有一条1/2屏幕宽度的黑色窄条,依次排列着放着:红外摄像头、泛光灯、距离传感器、环境光传感器、听筒、麦克风、正面摄像头和光点投射器。

再加上显示区域的圆角设计,整块屏幕不再是长方形,而是种一个诡异的异形。按照库克在发布会上的演示,iPhone X顶部的两端会显示时间、电量和信号格。运营商的名称也不见了,需要滑动时间才能看到。

可能你平时不怎么在意屏幕最上方会显示什么,但缺了一个口子之后,应用开发者需要做一些界面调整的工作。

苹果在发布会后更新了UIkit和XCode开发工具,以及新的人机界面指南(Human Interface Guidelines),还发布了一个“为iPhone X搭建应用”的页面,用视频向开发者介绍怎么对应用做iPhone X优化。

指南文件描述到,iPhone X的屏幕比4.7寸的iPhone 7高了145个像素,使得屏幕显示区域增加20%,被“额头”分割成左右两块的屏幕区域,也会跟随应用显示内容。

大部分情况下,竖屏显示都不会出现太大问题,应用顶端会显示状态栏也就是放着时间和信号格的横幅,但横屏情况下的“额头”会影响显示区域。

苹果给出的视频展示了苹果认为“理想情况下”适配iPhone X的应用应该怎样设计。基本的思路是,调整排版让关键信息不在顶部以及圆角处显示,也不能被底部用于返回主界面的Dock窄条影响。

比如用Safari浏览网页的时候,界面虽然填充至整个异形屏幕,但左右两边都需要留有空白,文字的排版集中在中间位置。

“齐刘海儿”挡画面?苹果:开发者调整界面适配

联系人应用也是一样,当你横屏滑动列表的时候,应用开发者要确保文字不会顶到“额头”的位置。

“齐刘海儿”挡画面?苹果:开发者调整界面适配

不过好像有一些情况还是不能解决,比如全屏播放视频和图片,画面铺开在整个屏幕上,但“额头”的区域永远缺了一大块。

“齐刘海儿”挡画面?苹果:开发者调整界面适配

对开发者来说,倘若原本的设计利用到了屏幕边边角角的位置,那么现在需要调整整个界面的排版。

有不少应用为了产生“沉浸感”的体验,会在某些情况下隐藏顶部状态栏。很多阅读类应用都利用这种方式尽量让一页展示更多的文字。

但现在他们要改一改设计了,苹果在界面指南中直接说“如果你的应用目前隐藏状态栏,重新考虑这个决定在iPhone X上的样子。”

“齐刘海儿”挡画面?苹果:开发者调整界面适配

苹果给出的全屏显示下、各个机型显示效果的示意图

这些调整让开发者开心不起来。Twitter账号为 @Marcel Wichmann的界面交互设计师在看了视频之后说:“这种情况下的主要问题不是缺口本身,而是根本没有应用能够做到充分利用(这块异形屏幕)。”

对用户来说可能也是如此,尽管苹果提供了解决方案要求开发者做优化,但无论如果你的屏幕都缺了一块东西,怎么看左右都不对称。

苹果有数量庞大的开发者数量,今年WWDC公布的数字是迄今App Store已经有超过1800亿次下载,分给开发者的钱有700亿美元。

所以每一个细微的变动都可能需要庞大的工作量来推动开发者修改。理论上苹果应该给出一个解决方案,让应用开发者不做任何改动就能适应新的形状。如果开发者想要利用那部分区域,再调整自己的应用,而不是反过来。

但现在来看,这些复杂的事情要开发者自己去做了。

刘海儿[共2款]

开发者[共1417款]

画面[共2736款]

界面[共1161款]

  • 发表评论
资讯排行 资讯中心 热门专区 软件评测
软件排行榜 软件攻略 软件下载 软件开测表
软件排行榜 软件礼包 软件下载 新软件测表
安卓排行榜 软件视频 软件下载
苹果排行榜