Jetpack Compose now with Materials You

0
49



Posted by Nick Butcher Developer Relations Engineer

The Android Dev Summit final month introduced quite a lot of thrilling updates to Jetpack Compose, together with that Materials You, Google’s new design language, is now out there in Compose. In case you missed it, here is a recap of all of the bulletins.

New Releases: Jetpack Compose 1.1 beta and compose-material3

We launched Jetpack Compose 1.1 beta. Which means new APIs in 1.1 at the moment are secure, providing new performance and efficiency enhancements. 1.1 contains new options like improved focus dealing with & contact goal sizing or `ImageVector` caching and assist for Android 12 stretch overscroll. Compose 1.1 additionally graduates quite a lot of beforehand experimental APIs to secure and helps newer variations of Kotlin. We have already up to date our samples, codelabs and Accompanist library to work with Compose 1.1.

We launched compose-material3. This can be a model new artifact for constructing Materials You UIs with Jetpack Compose. It affords up to date parts and coloration system, together with assist for dynamic coloration, creating a customized coloration palette from a consumer’s wallpaper. That is our first alpha so we welcome your suggestions as we proceed so as to add options and iterate on the APIs. Take a look at the brand new m3.materials.io web site to study extra about Materials Design 3 and discover instruments that can assist you design & construct with dynamic coloration, just like the Materials Theme Builder.


Extra Steering & Documentation for Jetpack Compose

We launched a ton of talks about Jetpack Compose, offering deep dives into format, animation and state, confirmed the best way to use Compose throughout Put on OS, homescreen widgets and Giant Screens and held 3 code-alongs; reside coding your first Compose app, migrating an present app or utilizing compose on Put on OS. Lastly we held a panel dialogue, answering your burning questions on Jetpack Compose and Materials.

We additionally expanded the Compose documentation, together with new guides on the Phases of Jetpack Compose, Constructing Adaptive Layouts and expanded theming steering together with steering for Materials 3.

Tooling updates in Android Studio Bumblebee

At ADS, Android Studio Bumblebee entered Beta, bringing richer assist for Jetpack Compose together with:

Android Studio Chipmunk canaries additionally launched a brand new template for Compose (and View based mostly) Materials 3 functions.

Handoff

Lastly, we gave a sneak peak of some new tooling for design handoff, enabling you to export parts designed in Figma to generate idiomatic Jetpack Compose code. You possibly can iterate on the designs and pull in new modifications, and safely edit the generated code. We’re on the lookout for a small group of groups to work straight with, so go enroll.

Jetpack Compose is secure and prepared for manufacturing. We’ve been thrilled to see tens of hundreds of apps begin utilizing Jetpack Compose in manufacturing and we proceed to construct our roadmap of options to allow you to make use of Compose to create glorious apps, throughout gadgets.