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 achieved, 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 on the market 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 sturdy multitasking, and adaptive inputs will guarantee your apps work properly on massive 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 may see the anatomy of the display with desktop windowing enabled. Issues to make notice of:

• Customers can run a number of apps side-by-side, concurrently
• Taskbar is mounted 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 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 course of the display and drag it inside the UI, as seen in Determine 2.

As soon as you might be within the desktop house, all future apps will likely be launched as desktop home windows as properly.

You too can invoke desktop windowing from the menu that reveals up under the window deal with if 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 by closing all energetic 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. You too can use the meta + H keyboard shortcut to run apps as full display once more.

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

What does this imply for app builders?

Desktop windowing on Android tablets creates new alternatives on your apps, significantly 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 may 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 totally different situations.

In case your app already meets the Tier 2 (Massive Screens optimized) high quality bar within the Massive display app high quality pointers, then there’s minimal extra optimization required! In case your app has not been optimized for giant screens but, updating it in line with the Massive display 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 desire for maximized productiveness. Contemplating this, builders ought to notice:
• Apps with locked orientation are freely resizable. Which means, 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 can have their UI scaled whereas maintaining the identical side 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 layouts. In desktop windowing, apps may 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 totally different window dimensions.
• State administration: With freeform resizing, configuration adjustments occur every time the window resizes, so your app ought to both deal with these configuration adjustments gracefully or be sure you are preserving the app state when the OS initiates the re-creation of the app. As a reminder, customers can change the display density whereas your app is operating, so it’s finest to make sure that your app can deal with display density configuration adjustments as properly.



Determine 3. Apps with locked orientation are freely resizable.

• Desktop windowing takes productiveness on tablets to the following degree with a number of apps operating concurrently. Just like break up display, Desktop windowing encourages customers to have a number of home windows open. Contemplating this, builders ought to notice: 
• Multitasking assist: For enhanced productiveness, customers can have two or extra apps open concurrently, they usually count on to simply share content material between apps, so add assist for drag and drop gestures. Additionally, guarantee your app continues to operate accurately even when not in focus, and in case your app makes use of unique assets 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 cases of your app side-by-side; for instance, a doc editor utility could permit customers to start out new paperwork whereas nonetheless with 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 cases. Additionally notice 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.

Be aware: Photographs are examples and topic to vary

• With desktop windowing, enter strategies past contact and insets dealing with turn out to be much more vital for a seamless consumer expertise. 
• Extra enter strategies (keyboard, mouse): Customers are extra possible to make use of your app with quite a lot of enter strategies like exterior keyboards, mice, and trackpads. Verify that customers can work together easily together with your app utilizing keyboard and mouse peripherals or via 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 via 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.Kind.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.