This article originally appeared on Google Play Medium.
From releasing our first-ever tablets and detachables to launching Chromebooks in new markets like Japan and Germany, we’ve worked hard to adapt the ecosystem of ChromeOS devices to today’s app users. And as people increasingly use apps on devices with larger screens and versatile form factors, we’ve been able to engage a huge new group of users.
Android powers a growing variety of large-screen devices, from tablets and foldables to ChromeOS laptops. Because Chromebooks specifically run a full version of the Android framework inside a container, most Android apps already run on ChromeOS. That means devs can take their single Android APK and scale it to work on any ChromeOS device, allowing for even more immersive and engaging experiences on devices with bigger screens.
Devs can take their single Android APK and scale it to work on any ChromeOS device, allowing for even more immersive and engaging experiences on devices with bigger screens.
Delivering an optimal experience on ChromeOS only takes a few tweaks, but they make a major impact. After Gameloft and TopHatch optimized their apps for larger screens, Gameloft’s Asphalt 8: Airborne drove 6X more daily app users and 9X more revenue on ChromeOS devices, while TopHatch has seen twice as many paid conversions on Chromebooks and 20X more time spent on Pixelbooks for its Concepts app.
At I/O this year, we broke down some helpful steps to ensure your app will look and work great across a variety of form factors and screen sizes. Check out the highlights below along with a couple exciting new updates for Android developers in ChromeOS.
The way someone uses your app depends entirely on his or her device. There are a few things you should consider to ensure your app delivers an optimal user experience:
If your app doesn’t already support keyboards, here’s the code to make sure it does:
// Important line is a way to pass unused keys up to super. This allows ChromeOS to handle those commands rather than negate the functionality of every unassigned key.
The ChromeOS keyboard has a special refresh key with its own keycode (
KEYCODE_REFRESH), so make sure your app can handle
KEYCODE_REFRESH events. If you’re already using
SwipeRefreshLayout, ChromeOS is wired to ensure that layout will work automatically with the refresh button.
When someone’s using your app on desktop with a touchpad, they’ll expect to scroll with a two-finger touchpad swipe. But on mobile, users typically scroll by holding and dragging the screen. ChromeOS automatically interprets these types of different motion events so, for example, a drawing app won’t mark on the screen when someone tries to scroll on mobile.
For apps that require more advanced touch motion events, you can use
ignore MotionEvents when (event.getButtonState() == 0) to check the button state and ignore undesired events (as in drawing app example above).
Games and apps on ChromeOS automatically receive ARM to x86 translation. But if performance is your priority, it’s essential to support x86. Most of the top ChromeOS devices have 64-bit x86 chipsets and more are on the horizon. To provide the best performance and support across all devices, be sure to provide ARM, ARM64, x86, and x86_64 build targets if you have Android NDK code.
Android Studio makes supporting this simple: Using Android app bundles, it packages all your build targets up ready for the Play Store, which then only sends the build targets your app users need to keep download sizes at a minimum.
You’ve probably seen a mobile app that hasn’t been designed for a larger screen — lots of wasted space and clunky navigation. To ensure your app looks great on several layouts, you can use one resource file with multiple layout buckets for each screen size.
Your app should also be easy to use on different screen sizes. Build for portrait, landscape wide portrait, and wide landscape layouts by switching between a bottom navigation, side navigation, and expanded side navigation pattern, depending on the available screen width.
Reply, an email app, redesigned its layout for functionality and ease-of-use on multiple screens, and while Adobe Acrobat optimized its app functionality for ChromeOS, the brand also redesigned its entire layout for different devices.
When someone uses multiple monitors, there will typically be a density difference between the two screens. Change your app density on the fly by listening to “density”
onConfigurationChanged changes inside your Chrome activity.
At I/O, we also announced more ways we’ve made ChromeOS a faster, simpler, and more secure environment for Web and Android developers, including:
Just download, click, and install — no more using a terminal.
No more developer mode — simply plug in your phone and debug via USB on supported devices.
Highlights locked or unfriendly orientations, non-resizable activities, incorrect hardware requirements, and other features that aren’t ideal for ChromeOS.
The ChromeOS container supports all audio tools from Linux, such as Audacity.
A flag in M76, our current stable channel, enables turning on a virtual desktop when your screen gets clogged with different windows and platform use cases.
Project and watch DRM-protected video content on external monitors.
SurfaceView.setSecure() to take advantage of this feature
ARCore is available to applications with a world-facing camera.
Users on Android P devices can now try an app or game without installing it first.
External discs can be read and scanned by Android apps.
The file manager from ChromeOS can show the
/sdcard folder from Android under play files, enabling access to read and write Android files from the Chrome container.
Support for the Android
DocumentsProvider interface in ChromeOS.
An integrated profiling tool allows devs to monitor system status over time — including buffer use, v-syncs, CPU use, GPU and CPU frequency, and system temperature — to see what’s causing animation jank and/or system slowness.
The app experience has expanded far beyond mobile. In an era of versatile devices and variable form factors, users will expect a well-designed, user-friendly experience every time they open your app. Take advantage of the opportunity to support various input methods, optimize your layout and navigation for a variety of screen sizes, utilize extra screen real estate, and support x86 with Android NDK code.
If you’d like to hear more about building Android apps for ChromeOS, check out our full session from I/0 2019.