关于android:可折叠设备平板设备和大屏设备更新一览

3次阅读

共计 3677 个字符,预计需要花费 10 分钟才能阅读完成。

作者 / Oscar Wahltinez, Developer Relations Engineer, Google

用户们正在看到大屏幕的更多价值,也正在发现用一个设施做更多事件好处多多。专为大屏幕设计的利用无疑可能为用户提供更多助力。

https://www.bilibili.com/vide…

△ 可折叠设施,平板电脑和大屏幕更新一览

可折叠的屏幕也为大型设施提供了更好的人机工程学成果。折叠后,您能够把本来和平板电脑个别大的屏幕放进口袋里,这是以往的便携设施无奈做到的。思考到咱们的利用生态系统,咱们对此示意十分振奋,硬件的变迁正在让人们对手持设施抱有更多的期待。咱们看到,用户对大屏幕的需要也延长到了平板电脑,鉴于两者相似的利用体验,平板电脑的受欢迎水平当初也曾经大幅减少。

△ 技术上的冲破以及人们对人体工程学需要的变动导致了设施状态的变迁

本文将带您理解应该如何为大屏幕设施做好筹备,以及咱们最近的更新将会如何简化利用开发流程。但首先,让咱们来谈谈大屏幕自身,以及为什么您应该为大屏幕专门优化您的利用。

为什么要反对大屏设施

△ 可折叠设施的用法有很多,这里只是其中一部分

在过来的一年里,设施制造商们公布了少量令人兴奋的全新可折叠设施和平板设施。用户能用这些设施做的事件比以往任何时候都多,相干需要也随之减少。现在,通过 Android 大屏设施,开发者们能够笼罩超过 2.5 亿台沉闷的可折叠设施、平板电脑和 Chromebook。2020 年,平板电脑设备的销售量增长了 16%。分析师预计,到 2023 年市面上将有超过 4 亿台 Android 平板电脑。另外,可折叠设施也正在从新定义高端设施。Android 利用也能够在 Chrome OS 上运行,而 Chrome OS 当初是世界第二大桌面操作系统。

为大屏设施做好筹备

更大的屏幕正在扭转用户与设施互动的形式。您能够一边看笔记一边编辑幻灯片,一边布局早晨的出行打算一边查看餐厅举荐,或者在和敌人聊天时观看视频。让咱们来谈谈根底反对,也就是让利用 “ 大屏幕就绪 ” 必须反对的性能。谈到大屏幕就绪,有三个重点课题:

  • 为大屏幕设计
  • 多任务
  • 输出模式

上面让咱们逐个开展介绍。不过本文仍然只是大略的探讨,请您务必查看 大屏幕利用品质指南 进一步理解这方面的细节常识。

为大屏幕设计

第一步是确保您的利用是为大屏幕设计的。为了简化这个过程,咱们曾经定义了具体的窗口尺寸断点和设施类别,以便您进行优化。如果显示设施的最短尺寸大于 600dp,请为利用增加平板电脑布局,并确保利用实现 边到边 (edge-to-edge) 全屏体验。开发者还应该让利用反对纵向和横向模式,因为更大的屏幕更可能在横向模式下应用。稍后咱们会介绍 Material 自适应组件,来帮忙您更好地利用更大的屏幕空间。

△ 因为可折叠和大屏设施的窗口尺寸是可变的,应用自适应布局比依据屏幕尺寸宰割体验成果更好

多任务处理

在大屏设施上,用户会默认期待利用反对分屏 (或多窗口模式) 和拖放等互动模式。您的利用应该容许调整窗口大小,来无缝地反对多任务。请正确处理折叠和开展事件,并让您的利用反对多窗口模式,防止利用窗口区域内呈现黑边。

△ 在大屏幕布局中,拖放 是一种天然的交互,即便是在同一个利用中也是如此

△ 通过应用多实例性能,用户能够并排运行利用的多个正本。用户能够并排比拟两个产品,在写文档时参考笔记,或者在布局事件时放弃日历可见

输出模式

因为许多人应用大屏幕来进步生产力,平板电脑应该反对根本的键盘、鼠标和手写笔输出。

△ 在 Chrome OS 设施上应用 Android 利用的用户通常会配置实体键盘;利用应该反对规范的键盘导航和快捷键,以提供更全面的无障碍应用体验

组件更新

咱们更新了 Jetpack 和 Material Design 库中的许多 UI 组件,以帮忙您构建灵便的用户体验,并将手机 UI 扩大到更大的屏幕。

SlidingPaneLayout

为大屏幕优化利用时,最常见的自适应布局之一便是列表 - 细节 UI。比方短信利用在一边显示信息列表,另一边显示信息细节。

△ SlidingPaneLayout 会主动适应配置的变动,在不同的布局尺寸下提供良好的用户体验

在较小的屏幕上不得不重叠起来的 UI,在大屏幕上则能够轻松实现并排布局。为此,您能够应用更新的 SlidingPaneLayout 库。这个库现在反对双窗格布局,SlidingPaneLayout 会应用两个窗格的宽度来决定如何布局 UI。具体做法是依据内容的宽度和可用空间,主动确定是否能够进行并排布局。例如,如果列表窗格的最小宽度为 200dp,而细节窗格须要 400dp,那么当窗口总宽度在 600dp 或以上时,SlidingPaneLayout 会主动将两个窗格并排显示。

△ SlidingPaneLayout 在咱们的示例利用 IOSched 中应用的状况

咱们曾经更新了该库,以辨认和适应 折叠和铰链。如果您应用的是带铰链的设施,并且铰链挡住了局部屏幕,它将主动把内容搁置在铰链两边。

咱们还引入了锁定模式,容许您管制窗格重叠时的滑动操作 (也反对编程切换)。例如,为了避免用户划进一个空窗格,您可能会让用户必须点击一个列表项来加载该窗格的信息,但容许用户通过划动返回列表。而在可折叠设施或平板电脑上,如果有空间并排显示两个视图,锁定模式会被疏忽。

NavRail

垂直导航栏 在性能上等同于底部导航,并在大屏幕上提供了更符合人体工程学的导航体验。当您扩大用户界面到大屏幕上时,应用 NavRail 会更利于手指点击,因为用户通常会握住大屏幕的两边。而在手机上,用户则可能会握住设施的底部。

△ NavRail 会依据配置的变动主动扭转导航菜单的地位

如果您的利用很强调垂直滚动,那应用 NavRail 就十分适合。因为在这种状况下,应用底部导航栏会造成遮挡,从而缩小可见内容的数量,特地是当平板设施横向应用时。

其余组件

咱们还对其余多个组件进行了更新。当利用适配到更大的屏幕时,最大的一个隐患就是 UI 被拉伸到整个屏幕的边缘。为了避免这种状况呈现,咱们为某些常常产生这种状况的 Material 组件增加了默认最大宽度值,包含:

  • Buttons (按钮)
  • TextFields (文本框)
  • Sheets (表单)

咱们将来会将更多的组件增加至上述列表中。这些变更通过提供恰到好处的默认尺寸,让您的利用在大屏设施上看起来更棒。您能够在 Material Design 设计指南 中找到更多对于组件尺寸限度的信息。

△ 大多数 UI 元素应该具备最大宽度值

WindowManager Jetpack 库

除了更新组件以帮忙您扩大 UI 外,咱们还提供了 WindowManager Jetpack 库 来帮忙您在大屏幕设施上构建更好的体验。这个库现已公布 alpha 版本,它提供了一套通用的 API 界面,以反对不同的设施类型,包含折叠设施和平板电脑。

您能够应用 WindowManager 来查看显示屏个性,如折叠或铰链。它还会提供这些个性如何影响利用的信息,不便您创立最佳体验。比方,当用户一边观看视频一边把设施折叠成桌面模式时,您能够对可折叠设施的状态变动做出响应。

△ 利用应该无缝地适应越来越多的设施配置

WindowManager 还提供了几个便捷的办法,以向后兼容 (从 API 级别 14 开始) 的形式检索以后和最大的 WindowMetrics 信息。

平台变动

显示 API 的废除

您的利用须要确定屏幕或显示尺寸,以便为每个设施适当地渲染内容。随着 WindowMetrics API 的引入,一些与显示尺寸无关的办法曾经被废除。您应该应用 Window Manager Jetpack 库 作为向后兼容的代替办法。

独占资源

Android 10 提供了同时复原多个利用的性能,并设有繁多的 “ 顶层复原 ” 利用。大多数利用无需更新即可受害于这一变更。最显著的例外则是当您的利用应用了独占资源,如麦克风或摄像头的时候。这方面的更多细节请参阅咱们 之前的博文。

案例分享

为大屏幕优化利用不仅能够改善用户体验,还能够播种商业成绩。咱们在 Google Play 上看到越来越多的利用正在把握大屏幕带来的时机。例如,Google Duo 实现了对平板电脑和可折叠设施的反对,以晋升用户体验,在这之后其利用评分和用户粘性均有减少。

△ Google Duo 针对可折叠设施优化体验

除了 Google Duo 之外,咱们还对许多其余利用进行了现代化革新,以使其反对自适应布局,从而活用大屏幕和可折叠设施的劣势:

  • Chrome 浏览器为大屏幕改良标签页导航;
  • YouTube 从新设计了用户界面,以进步在可折叠设施上的可用性;
  • Google Photos 在大屏幕上会显示更多的界面元素,如搜寻栏;
  • Google Calendar 在大屏幕上提供了更符合人体工程学的用户界面。

理解更多

要理解更多对于可折叠设施和大屏幕设施的信息,请参考以下资源:

  • 实用于平板电脑、大屏设施和可折叠设施的自适应布局
  • 为可折叠设施构建利用
  • 大屏幕利用品质指南
  • Material Design 博文: 大屏幕设计

您对产品的反馈及问题对咱们十分重要,欢送通过下方二维码向咱们提交反馈。您的问题有可能呈现在下一期的 FAQ 中并取得解答。感谢您的反对!

正文完
 0