为 Android 应用打造精良的 Chrome OS 使用体验

从发布我们的首款平板电脑和可拆分式笔记本,到在日本和德国等新市场推出 Chromebook,我们一直在努力使 Chrome OS 设备的生态系统满足如今应用用户们的需求。随着人们越来越多地在大屏幕设备或者多型态设备上使用应用,开发者们的作品也得以吸引大量全新的用户。

Android 支持各种各样的大屏幕设备,包括平板电脑、可折叠设备、Chrome OS 笔记本等等。由于 Chromebook 在容器内运行完整版 Android 框架,所以绝大多数 Android 应用都可以在 Chrome OS 上运行。这意味着开发者可以使用他们既有的 Android APK,并将其扩展后适配 Chrome OS 设备,从而在更大屏幕的设备上带来更加沉浸且引人入胜的体验。

用户在 Chrome OS 中使用 Android 应用的时长在去年增长了 4 倍 。在 2018 年第四季度,美国销售的笔记本电脑中有 21% 是 Chromebook,同比增长 23% 。

在 Chrome OS 上提供精良的体验只需对现有应用做出少量的调整,但这些调整能带来非常巨大的改观。在针对大屏幕设备优化应用之后,Gameloft 的 Asphalt 8: Airborne 的每日用户量增加了 6 倍,Chrome OS 设备带来的收入则增加 9 倍;TopHatch 在 Chromebook 上的付费转化率增加了 100%,消费者在 Pixelbook 上的 Concepts 应用中投入的时间则增加了 20 倍。


微信图片_20191011133647.gif
3.jpg

在今年的 I/O 开发者大会上我们有一场专门的演讲,为大家介绍如何让应用在各种外形和尺寸的设备上都能拥有良好的视觉和性能表现。这里我们整理了 (以及新增了一些) 适配时的重点供 Android 开发者们参考。

让 Android 应用适配 Chrome OS 生态环境
https://www.youtube.com/watch?v=06xJOOs_KvQ

针对 Chrome OS 优化应用体验

用户使用应用的方式完全取决于其使用的设备。您应该考虑以下几个要素,以确保您的应用能够提供最佳用户体验:

键盘输入

如果您的应用尚不支持键盘,只需添加如下代码:

override fun onKeyUp(code: Int, ev: KeyEvent?): Boolean {
    return when (code) {
        KeyEvent.KEYCODE_J -> {
            // Do something here
            true
        }
        else -> super.onKeyUp(code, ev) // 重要!!
    }
}

注意我们标出 "重要" 的那一行代码。这行代码会将没有被开发者处理的键值交回给父类逻辑处理,而不是忽视它们。

刷新键

Chrome OS 键盘上有独有的刷新键,而且有自己的键值 (KEYCODE_REFRESH),因此请确保您的应用可以处理 KEYCODE_REFRESH 事件。如果您已经在使用 SwipeRefreshLayout,Chrome OS 可以确保布局能响应刷新按钮事件。

触控板

当有人在带触摸板的桌面设备上使用您的应用时,他们会希望使用双指轻扫触摸板进行滚动;但在移动设备上,用户通常会按住并拖动屏幕来实现滚动。Chrome OS 会自动解析这些不同类型的动作事件,例如,当用户在使用绘图应用时如果做出了滚动的操作,绘图应用不会让画笔在画面上涂抹。

对于需要更高级触摸事件处理的应用,可以在 event.getButtonState()== 0 时忽略 MotionEvents 来检查按键状态,并忽略掉不需要的事件 (参考上面的绘图应用例子)。

NDK
Chrome OS 上游戏和应用会自动获得 ARM - x86 指令翻译。但如果您希望获得更佳的性能,那支持 x86 就至关重要。大多数高端 Chrome OS 设备都搭载了 64 位 x86 芯片 (更多这样的设备也即将到来)。如果您想在所有设备上都提供最佳性能,那请确保您的构建支持 ARM、ARM64、x86 和 x86_64 (如果您有对应的原生代码的话)。

支持 64 位 x86 的 Chrome OS 设备
https://www.chromium.org/chromium-os/developer-information-for-chrome-os-devices

好消息是,Android Studio 能让这种多平台支持变得简单: 只需使用 Android App Bundle 即可,它会将所有的构建打包,然后通过 Play Store 只发送用户设备所需要的那一部分,从而将下载文件体积保持在最低限度。

界面布局
如果一个应用的界面布局没有专门适配过大屏幕,那当它运行在大屏幕上时效果会非常尴尬——大量被浪费的空间,和非常不顺手的导航,这些都会让用户感到困惑。为了确保您的应用在多种布局中都能拥有良好的完成度,您可以让同一个界面拥有多个布局文件 (如下图)。


4.jpg

导航模式
同时,您的应用在不同的屏幕尺寸上都应该易于使用。提供纵向、横向等布局,使得应用可以根据可用的屏幕宽度,在底部导航、侧边导航和侧边扩展导航模式之间切换。

构建不同导航的示例
https://github.com/google/chromeosnavigationdemo

电子邮件应用 Reply 就针对多种屏幕重新设计了其功能和布局。Adobe Acrobat 在适配 Chrome OS 的时候,也同样考虑了不同设备的布局区别。

Reply 适配多屏幕尺寸
https://material.io/design/material-studies/reply.html#about-reply

5.jpg

多屏幕

当用户使用多个显示器时,两个屏幕之间通常会存在像素密度差异。您可以通过在界面里监听 onConfigurationChanged 来得知像素密度 (density) 的变化,从而对界面做出调整。

使用 Chromebook 进行开发

在 I/O 上我们还发布了很多新内容,将 Chrome OS 打造成为 Web 和 Android 开发者更快捷、更简单、更安全的开发环境,具体包括:

一键安装 Android Studio

只需下载、单击和安装,不再需要使用 terminal。


6.jpg

通过 USB 连接使用 ADB 调试
不再需要开发者模式,只需使用 USB 连接手机即可进行调试。

支持 USB ADB 调试的设备
https://www.chromium.org/chromium-os/chrome-os-systems-supporting-adb-debugging-over-usb

Lint 检查

高亮显示锁定的或不友好的屏幕方向、不可调整大小的界面、不正确的硬件要求以及其他不适合 Chrome OS 的功能。

Linux 中的音频播放
Chrome OS 容器支持 Linux 的所有音频工具,例如 Audacity。

虚拟桌面
这是 M76 (也是我们目前的稳定渠道) 中的一个功能,当您的屏幕被很多窗口塞满时,可以新开一个虚拟桌面。

多显示器 / 全 HDCP 支持
在外部显示器上投屏观看受 DRM 保护的视频内容 *。

  • 使用此功能时请调用 SurfaceView.setSecure()

ARCore
ARCore 可用于适配背部摄像头的应用。

免安装应用
试用应用或游戏,无需安装。

了解 Google Play 免安装体验
https://developer.android.google.cn/topic/google-play-instant

外部存储
Android 应用现在可以访问连接至设备的外部存储。

Play files
Chrome OS 文件管理器在 Play files 文件夹里可以显示 Android 的 /sdcard 文件夹,从而让用户可以通过 Chrome 容器读写 Android 文件。

DocumentsProvider
Chrome OS 现在支持 Android DocumentsProvider 接口,可以通过 DocumentsProvider 和自定义文档提供程序支持 Android Cloud 云存储。

集成应用分析工具
集成分析工具允许开发者随时检测系统状态: 包括缓冲区使用、垂直同步、CPU 使用、GPU 和 CPU 频率以及系统温度,从而便于开发者定位动画卡顿和/或系统速度降低的原因。

体验应用的场景已经远远超出了移动设备。在设备形式更加多样化的今天,用户每次打开应用时都希望获得精心设计的界面和友好的交互体验。请您充分利用我们给出的新特性,支持各种输入方式,针对各种屏幕尺寸优化布局和导航,并尽可能通过原生代码支持 x86,从而为用户打造精良迅捷的使用体验。
原文转载https://mp.weixin.qq.com/s/i0ATmsLa_dJQ1zXR4gwqBQ