Desktop windowing on Android Tablets

Posted by Francesco Romano – Developer Relations Engineer on Android, and Fahd Imtiaz – Product Supervisor, Android Developer

To empower pill customers to get extra completed, we’re enhancing freeform windowing, permitting them to run a number of apps concurrently and resize home windows for optimum multitasking. As we speak, we’re excited to share that desktop windowing on Android tablets is out there in developer preview.

For app builders, the idea of Android apps operating in freeform home windows has already existed with options like Samsung DeX and ChromeOS. Updating your apps to assist adaptive layouts, extra strong multitasking, and adaptive inputs will guarantee your apps work effectively on giant screens throughout the Android ecosystem.

Let’s discover methods to optimize your apps for desktop windowing and ship the optimum expertise to customers.

What’s desktop windowing?

Desktop windowing permits customers to run a number of apps concurrently and resize app home windows, providing a extra versatile and desktop-like expertise. This, together with a refreshed System UI and new APIs, permits customers to be much more productive and creates a extra seamless, desktop-like expertise on tablets.

In Determine 1, you’ll be able to see the anatomy of the display screen with desktop windowing enabled. Issues to make word of:

• Customers can run a number of apps side-by-side, concurrently
• Taskbar is fastened and reveals the operating apps, customers can pin apps for fast entry
• New header bar with window controls on the high of every window which apps can customise

How can customers invoke desktop windowing?

By default, apps open in full display screen on Android tablets. To run the apps as a desktop window on Pixel Pill, press and maintain the window deal with on the high in the midst of the display screen and drag it inside the UI, as seen in Determine 2.

As soon as you’re within the desktop house, all future apps might be launched as desktop home windows as effectively.

You too can invoke desktop windowing from the menu that reveals up beneath the window deal with while you faucet/click on on it or use the keyboard shortcut meta key (Home windows, Command, or Search) + Ctrl + Down.

You’ll be able to exit desktop windowing and show an app as full display screen by closing all lively home windows or by grabbing the window deal with on the high of the window and dragging the app to the highest of the display screen. You too can use the meta + H keyboard shortcut to run apps as full display screen once more.

To return to the desktop, transfer a full display screen app to the desktop house by utilizing the strategies talked about above, or just faucet on the desktop house tile within the Recents display screen.

What does this imply for app builders?

Desktop windowing on Android tablets creates new alternatives to your apps, notably round productiveness and multitasking. The likelihood to resize and reposition a number of app home windows permits customers to simply evaluate paperwork, reference info whereas composing emails, and multitask effectively.

By optimizing for desktop windowing, you’ll be able to ship distinctive consumer experiences to match the rising demand for tablet-based productiveness. On the identical time, you may improve the general consumer expertise on tablets, making your apps extra versatile and adaptable to completely different eventualities.

In case your app already meets the Tier 2 (Massive Screens optimized) high quality bar within the Massive display screen app high quality pointers, then there may be minimal further optimization required! In case your app has not been optimized for big screens but, updating it in response to the Massive display screen app high quality pointers turns into much more essential within the context of desktop windowing. Let’s see why:

• Freeform resizing allows customers to resize apps to their choice for maximized productiveness. Contemplating this, builders ought to word:
• Apps with locked orientation are freely resizable. Meaning, even when an exercise is locked to portrait orientation, customers can nonetheless resize the app to panorama orientation window. In a future replace, apps declared as non-resizable could have their UI scaled whereas holding the identical facet ratio.
• Adaptive layouts: By adapting your UI, apps have a possibility to effortlessly deal with a variety of window sizes, from compact to expanded display screen layouts. In desktop windowing, apps will be resized right down to a minimal measurement of 386dp x 352dp, so ensure to leverage window measurement lessons to regulate your app’s format, content material, and interactions to adapt to completely different window dimensions.
• State administration: With freeform resizing, configuration modifications occur every time the window resizes, so your app ought to both deal with these configuration modifications gracefully or be sure to are preserving the app state when the OS initiates the re-creation of the app. As a reminder, customers can change the display screen density whereas your app is operating, so it’s finest to make sure that your app can deal with display screen density configuration modifications as effectively.



Determine 3. Apps with locked orientation are freely resizable.

• Desktop windowing takes productiveness on tablets to the following stage with a number of apps operating concurrently. Much like cut up display screen, Desktop windowing encourages customers to have a number of home windows open. Contemplating this, builders ought to word: 
• Multitasking assist: For enhanced productiveness, customers can have two or extra apps open concurrently, and so they count on to simply share content material between apps, so add assist for drag and drop gestures. Additionally, guarantee your app continues to perform accurately even when not in focus, and in case your app makes use of unique sources like digital camera or microphone, the app must deal with useful resource loss gracefully when different apps purchase the useful resource. 
• Multi-instance assist: Customers can run a number of situations of your app side-by-side; for instance, a doc editor utility might enable customers to begin new paperwork whereas nonetheless having the ability to reference the already open paperwork. Apps can set this new Multi-instance property to declare that System UI ought to be proven for this app to permit it to be launched as a number of situations. Additionally word that in desktop windowing, new duties open in a brand new window, so double-check the consumer journey in case your app begins a number of duties.



Determine 4. Begin one other occasion of Chrome by dragging a tab out of the app window.

• With desktop windowing, enter strategies past contact and insets dealing with change into much more essential for a seamless consumer expertise. 
• Extra enter strategies (keyboard, mouse): Customers are extra seemingly to make use of your app with quite a lot of enter strategies like exterior keyboards, mice, and trackpads. Test that customers can work together easily along with your app utilizing keyboard and mouse peripherals or by means of the emulator. Builders can add assist for app shortcuts and publish them utilizing the keyboard shortcuts API, which permits customers to simply view the supported app shortcuts by means of a standardized floor on Android units.
• Insets dealing with: All apps when operating in desktop windowing have a header bar, even in immersive mode. Guarantee your app’s content material is not obscured by this. The brand new header bar is reported as a caption bar in Compose (androidx.compose.basis:foundation-layout.WindowInsets.Companion.captionBar) and in Views (android.view.WindowInsets.Sort.CAPTION_BAR), which is a part of the system bars. API 35 additionally launched a brand new look sort, to make the header bar clear, to permit apps to attract customized content material inside.