Implementing Material You using Jetpack Compose

Material You is the next evolution of Material Design. Jetpack Compose is Android’s modern toolkit for building native UI. We show you how to implement Material You using the new androidx.compose.material3 Jetpack library. We cover a broad range of topics like new and updated Material Theming and Components, Dynamic Color, System UI changes, interoperability with Material You themes in Android Views, and more.
Resources:
Material Design 3 → goo.gle/3G9Fq9F
Compose Material 3 → goo.gle/3CaIKPG
Theming in Compose guide → goo.gle/3C7nTfO
Compose Material Catalog → goo.gle/3aVPOnf
Jetchat sample app → goo.gle/3m53AdD
- MDC-Android Compose Theme Adapter → goo.gle/3G2ZN8B
Speaker:
Nick Rout
Watch more:
Watch all the Android Dev Summit sessions → goo.gle/ads21-...
Watch all the Jetpack Compose, now with Material You sessions → goo.gle/ads21-...
Subscribe to Android Developers → goo.gle/Androi...
#AndroidDevSummit #JetpackCompose #Featured #Latest #Compose #UI
product: Android - Jetpack Compose; event: Android Dev Summit 2021; fullname: Nick Rout; re_ty: Publish;

[@Mohammad-ht4yz]

Good Job team *Android* !

[@mostafijurrohoman4595]

করে

[@jonathanwhitfield4229]

@6:25 the conditional for setting the dynamic color scheme seems to be backwards:
if (dark) dynamiclightColorScheme(context) else dynamicDarkColorScheme(context)
should be:
if (dark) dynamicDarkColorScheme(context) else dynamiclightColorScheme(context)

[@CyberCass2000]

Thank you for the links, tried to find the version of material 3 for compose, those links on the material website were so confusing

[@AmitJayant]

How to implement Material You when not using Compose?

[@StraplessReligion]

Anyone tried to generate a Theme with the Theme Web Tool ? kotlin code will not compile because of " if(errorHarmonize)" which is unknown, Also the Tool not explains what extendend colors really are

[@hamzacodes2785]

How did material 1 actually look?

[@marc988]

So... these are not for beginners ...

[@raultunduc7190]

The outro music from the end of the video reminds me of The Sims 😄

[@pnemonic]

howzit

[@hamzacodes2785]

when will it be available in flutter?

[@vic_shine]

One question about Material You: can I use it visual style and Jet pack Compose components for apps on Android 11 (and lower)? Or minimal Android version of the app could be 12 and higher? 🤔

[@witoldsienski1709]

Thanks for material :)

[@commonsense1019]

lovely plzz focus on easing the learning curve

[@anselmoalexandre821]

Great great job

[@vengateshm2122]

Thank You. Dynamic color feature is cool.

[@zaide6137]

No java version?

[@sfunke2004]

Reinventing the wheel for the sake of reinventing the wheel, again. Android….

[@trejkaz]

Welcome to designers. They have to do something to make their job stay relevant, so designs get updated every now and then and everyone has to update their code to stay on the treadmill.

[@renascienza.bazarclub]

I definitely don't like the new elevation on new Material spec 3.
The shadow on M2 give the sensation of substance, a physical paper that is obviously and visibly apart for an ink. The user have a sensation that it can be grabbed.
In M3, this isn't there anymore, the shadows gone. So is not so different from any other graphical language.
I'm predicting that this new elevation concept will flop completely, and we will see developers making effort to ignore it and keep shadows exactly how they were. Artificially if necessary. At least, I will.
I don't care about "new way", I care about "best way".
When you make something and it is good, you keep it.

[@devarpan]

You are right! I will not use it

[@GakisStylianos]

You do realize this was the case for M2 too in dark mode right?

[@renascienza.bazarclub]

@@GakisStylianos The Dark Mode of M2 is correct.
A real world object in the dark obviously can't cast a shadow, and certainly can't cast some kind of "white shadow", this should be entirely wrong.
In the dark, the most elevated object get more light, and this is exactly what happens in M2.
The essence of Material design is that you abandon general skeomorphism (chaotic in nature and hard to represent correctly in standards) to a specific material (paper, only) that behaves on a predictable way, based on how anyone knows paper.
On light, layers of paper cast shadows. In the dark layers of paper are perceived as light degrees. Is a recognizable graphic language. Probably the best that has already been created.
But this language need to reference real world. Or loses familiarity, the reason why we adopt a real material to the metaphor at first place.

[@trejkaz]

I even thought that I couldn't tell the difference between 8.dp and 16.dp elevations anymore. And why on earth are they measuring the elevation in dp anyway, if it doesn't have any relevance to what it's actually doing anymore?