安卓ui设计尺寸规范讲解 android设计规范尺寸( 二 )


更适合全面屏的应用设计从机械式结构到「刘海」再到各种位置的前置摄像头挖孔 , 近几年 Android 设备的演变几乎算得上是一部「前置摄像头为『屏占比』让路」的发展史(当然你也可以说「毫无发展」) 。虽然对各种形式的「异形屏」评判标准也各不相同 , 但 Android 设备屏占比越来越高、全面屏手势方案也在 Google 的强制要求下成为「标配」 。
硬件形态和交互方式的变化也对应用设计做出了新的要求 , 如何保证一款应用在各类「全面屏」应用上都能拥有美观、现代化的使用体验?Google 从 Android 10 开始陆续提出了两点要求 。
首先是「边到边」适配 。
边到边 , 即 edge-to-edge , 通过字面意义与 Android 系统界面层级的结合 , 我们就能理解这个设计理念的核心:将内容的上下边界进一步推开 , 实现对状态栏和导航栏区域的完整覆盖 。
从传统设计到「边到边」 | 图:谷歌开发者
上图很形象地展示了这种适配的直观效果 , 尤其 Google 还采用了旗下最具代表性的机型 Pixel 3 XL 来进行演示:在没有「边到边适配」这一概念之前 , 很多应用无法有效利用该机型「刘海」区域两侧的「小耳朵」进行内容展示 , 取而代之的是状态栏直接采用纯黑背景的粗暴做法 , 配合导航栏区域的纯黑背景 , 仿佛硬件厂商在「全面屏」设备上的努力一夜之间又被应用开发者给打回了「原形」 。
在京东启动闪屏界面 , 使用异形屏和全面屏手势的用户可以体验到这样的效果
具体到国内应用 , 目前大部分国内应用都能做到对状态栏区域的适配 , 以此充分利用各种异形屏的顶部边角区域;但导航栏区域的适配依然称得上是「重灾区」 , 如果你的系统没有像 ColorOS 那样直接干掉导航横条区域 , 那上图这样的黑条就处处可见 。
最顶级的边到边导航栏适配:动态颜色适配 | 图:谷歌开发者
值得一提的是在这方面定制系统依然有通过「魔改」来为实际体验「擦屁股」的习惯 , 比如之前索尼、一加、MIUI 等等系统都用过的「纯色填充大法」——花了那么多时间来「重新发明」 , 最后基本上都因为没有考虑到暗色主题、色彩不协调等问题而取消掉了 。
实现边到边体验的另一个环节是逐帧键盘动画 。不得不说这一点对于国内应用来说这实在是有些强求了(毕竟我们还有微信这种一心一意只用土制自制方案的「神级」产品存在) , 但大家仍然有必要了解一下 。
在 Android 11 以前 , Android 系统的软键盘动画缺少必要的 API 来与应用窗口动画进行同步 , 这就导致进入、退出文本编辑状态时 , 应用本身的窗口速度和输入法键盘的弹出/收起速度不太一致;Android 11 通过新的 WindowInsetsAnimation 类的引入解决了这个问题 , 在进行边到边适配的基础之上 , 开发者可以进一步实现像 iOS 那样顺滑的、与应用界面动画同步的键盘动画了 。
具体效果可以参考下面这张对比图:
Android 10 对比 Android 11 | 图:谷歌开发者
对于即时通信、文本编辑类应用而言 , 软键盘动画是高频出现、能够直接影响使用体验的核心动画 , 尽管大部分应用开发商都还没有注意到这个需求 , 少数派多次推荐过的 纯纯写作 已经对其进行了适配 , 你可以在 MIUI、ColorOS、One UI 等等已经跟进了 Android 11 的主流定制系统中安装体验 。


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: