Posted by Maru Ahues Bouza – Product Administration Director
Pixel simply introduced the newest gadgets coming to the Android ecosystem, together with Pixel 9 Professional Fold and Pixel Watch 3. These gadgets carry innovation to the foldable and wearable areas, with bigger display screen sizes and distinctive efficiency.
Not solely are these gadgets thrilling for customers, however they’re additionally vital for builders to think about when constructing their apps. To organize you for the brand new Pixel gadgets and all of the improvements in giant screens and wearables, we’re diving into all the things you have to learn about constructing adaptive UIs, creating nice Put on OS 5 experiences, and enhancing your app for bigger watch shows.
Constructing for Pixel 9 Professional Fold with Adaptive UIs
Pixel unveiled their new foldable, Pixel 9 Professional Fold with Gemini, at Made By Google. This gadget has the most important interior show on a cellphone1 and is 80% brighter than final 12 months’s Pixel Fold. When it’s folded, it’s similar to a daily cellphone, with a 6.3-inch entrance show. Customers have choices for the way to have interaction and multitask primarily based on the display screen they’re utilizing and the folded state of their gadget – that means there are a number of totally different experiences that builders needs to be contemplating when constructing their apps.
Builders may help their app look nice throughout the 4 totally different postures – interior, entrance, tabletop, and tent – obtainable on Pixel 9 Professional Fold by making their app adaptive. By dynamically adjusting their layouts—swapping parts and displaying or hiding content material primarily based on the obtainable window measurement reasonably than merely stretching UI components—adaptive apps take full benefit of the obtainable window measurement to offer an amazing person expertise.
When constructing an adaptive app, our core steering stays the identical – use WindowSizeClasses to outline particular breakpoints on your UI. Window measurement lessons allow you to alter your app format because the show house obtainable to your app modifications, for instance, when a tool folds or unfolds, the gadget orientation modifications, or the app window is resized in multi‑window mode.
Introduced at Google I/O 2024, we’ve launched APIs that, underneath the hood, make the most of these WindowSizeClasses for you. These APIs present a brand new strategy to implement frequent adaptive layouts in Compose. The three parts within the library – NavigationSuiteScaffold, ListDetailPaneScaffold, and SupportingPaneScaffold – are designed that will help you construct an adaptive app with UI that appears nice throughout window sizes.
Lastly, builders who need to construct a very distinctive expertise for foldables ought to take into account supporting tabletop mode, the place the cellphone sits on a floor, the hinge is in a horizontal place, and the foldable display screen is half opened. You need to use the Jetpack WindowManager library, leveraging FoldingFeature.State and FoldingFeature.Orientation to find out whether or not the gadget is in tabletop mode. As soon as you understand the posture the gadget is in, replace your app format accordingly. For instance, media apps that adapt to tabletop mode sometimes present audio data or a video above the fold and embrace controls and supplementary content material just under the fold for a hands-free viewing or listening expertise.
Even video games are making use of foldable options: from racing video games like Asphalt Legends Unite and Disney Speedstorm to motion video games like Trendy Fight 5 and Dungeon Hunter 5, Gameloft optimized their video games with the intention to play not simply in full-screen but additionally in split-view tabletop mode which gives a handheld recreation console expertise. With useful options like detailed recreation maps and enhanced controls for extra immersive gameplay, you’ll be drifting round corners, leveling up your character, and beating the unhealthy guys in document time!
Getting ready for Pixel Watch 3: Put on OS 5 and Bigger Shows
Pixel Watch 3 is the newest smartwatch engineered by Google, designed for efficiency inside and outside. With this new gadget, there are additionally new concerns for builders. Pixel Watch 3 rings within the steady launch of Put on OS 5, the newest platform model, and has the most important show ever from the Pixel Watch collection – that means builders ought to take into consideration the updates launched in Put on OS 5 and the way their UI will look on diversified show sizes.
Put on OS 5 is predicated on Android 14, so builders ought to pay attention to the system conduct modifications particular to Android 14. The system contains assist for the privateness dashboard, giving customers a centralized view of the info utilization for all apps working on Put on OS 5. For apps which have up to date their goal SDK model to Android 14, there are a couple of extra modifications. For instance, the system strikes always-on apps to the background after they’re seen in ambient mode for a sure time period. Moreover, watches that launch with Put on OS 5 or larger will solely assist watch faces that use the Watch Face Format, so we advocate that builders migrate to utilizing the format. You possibly can see all of the conduct modifications it is best to put together your app for.
One other vital consideration for builders is that the Pixel Watch 3 is on the market in two sizes, 41 mm and 45 mm. Each sizes supply extra show house than ever2, having 16% smaller bezels, which provides the 41 mm watch 10% extra display screen space and the 45 mm watch 40% extra display screen space than on the Pixel Watch 2! As a developer, evaluation and apply the rules on constructing adaptive layouts to present customers an optimum expertise. We created instruments and steering on the way to develop apps and tiles for various display screen sizes. This steering will assist to construct responsive layouts on the wrist utilizing the newest Jetpack libraries, and make use of Android Studio’s preview assist and screenshot testing to verify that your app works properly throughout all screens.
Be taught extra about all these thrilling updates within the Constructing for the way forward for Put on OS technical session, shared throughout this 12 months’s Google I/O occasion.
Be taught extra about the way to get began getting ready your app
With these new bulletins from Pixel, it’s a good time to ensure your app appears nice on all of the screens your customers love most. Get your app prepared for big screens by constructing adaptive layouts and study extra about all issues Put on OS on our Put on OS developer web site. For recreation builders, remember to learn our giant display screen recreation optimization information and verify the pattern venture to study the very best practices for leveling up your recreation for big display screen and foldable gadgets.
For much more of the newest from Android, tune into the Android Present on August twenty seventh. We’ll speak about Put on OS, adaptive apps, Jetpack Compose, and extra!
1 Amongst foldable telephones in the USA. Primarily based on interior show.
2 In contrast with Pixel Watch 2.