CONNIE SHI: Hello.
CONNIE SHI: Hello.

My name is Connie Shi.
My name is Connie Shi.

I'm a software engineer working on Material You.
I'm a software engineer working on Material You.

Material You is the next evolution of Material Design,
Material You is the next evolution of Material Design,

which we announced last year.
which we announced last year.

It's a radical new design vision focused
It's a radical new design vision focused

on delivering styles that are--
on delivering styles that are--

experiences that are personal for every style,
experiences that are personal for every style,

accessible for every need, and adaptive for every screen.
accessible for every need, and adaptive for every screen.

Historically, apps have been one size fits all.
Historically, apps have been one size fits all.

Everyone got the same colors, the same contrast,
Everyone got the same colors, the same contrast,

and the same text size.
and the same text size.

Not surprisingly, different users
Not surprisingly, different users

want and need different things from their apps.
want and need different things from their apps.

Some people need very high color contrast
Some people need very high color contrast

while others want a style that matches their mood.
while others want a style that matches their mood.

Material 3 is the first step towards making apps not only
Material 3 is the first step towards making apps not only

functional but also comfortable, whether you're
functional but also comfortable, whether you're

colorblind, need a screen reader,
colorblind, need a screen reader,

or currently obsessed with pink.
or currently obsessed with pink.

So the Compose Material 3 Jetpack Library
So the Compose Material 3 Jetpack Library

is an implementation of Material You based on the Material 3
is an implementation of Material You based on the Material 3

design system.
design system.

The first stable release has just been launched,
The first stable release has just been launched,

so now it's a great time to start using it in your apps.
so now it's a great time to start using it in your apps.

[APPLAUSE]
[APPLAUSE]

Thank you.
Thank you.

Let's look at some key features of Compose Material 3.
Let's look at some key features of Compose Material 3.

So the library has new features like dynamic color,
So the library has new features like dynamic color,

as well as updated theming and components.
as well as updated theming and components.

The updated theming system gives you more flexibility
The updated theming system gives you more flexibility

in expressing your brand.
in expressing your brand.

It's also designed to be cohesive with the latest
It's also designed to be cohesive with the latest

OS, visual style and system UI.
OS, visual style and system UI.

So your app feels right at home on Android 12, 13, and beyond.
So your app feels right at home on Android 12, 13, and beyond.

The foundation of a color scheme is a set of key colors--
The foundation of a color scheme is a set of key colors--

primary, secondary, tertiary, error, and neutral.
primary, secondary, tertiary, error, and neutral.

The color scheme provides a set of colors
The color scheme provides a set of colors

needed for expressing interaction states, errors,
needed for expressing interaction states, errors,

and accessible contrast.
and accessible contrast.

The type scale contains text styles
The type scale contains text styles

with simplified naming based on use and size.
with simplified naming based on use and size.

The shape scale defines the style of component corners,
The shape scale defines the style of component corners,

offering a range of roundness from square to fully circular.
offering a range of roundness from square to fully circular.

You can connect these in the MaterialTheme Composable
You can connect these in the MaterialTheme Composable

to brand your app.
to brand your app.

We recommend using the MaterialTheme Builder
We recommend using the MaterialTheme Builder

tool to generate color schemes derived
tool to generate color schemes derived

from your brand's colors and export a compose theme.
from your brand's colors and export a compose theme.

Dynamic Color is a key personalization feature
Dynamic Color is a key personalization feature

of Material You.
of Material You.

Starting with Android 12, users can
Starting with Android 12, users can

generate individualized color schemes
generate individualized color schemes

through wallpaper selection.
through wallpaper selection.

To implement a dynamic color scheme in Compose,
To implement a dynamic color scheme in Compose,

start by checking the build version STK.
start by checking the build version STK.

If dynamic color is not available,
If dynamic color is not available,

we can fall back to using a light or dark color
we can fall back to using a light or dark color

scheme as before.
scheme as before.

Sorry.
Sorry.

Here we can see a sample app's dynamic color scheme
Here we can see a sample app's dynamic color scheme

adapt to the wallpaper selection of a user.
adapt to the wallpaper selection of a user.

Compose Material 3 also includes a variety of updates
Compose Material 3 also includes a variety of updates

to components like buttons, chips, dialogs, and switches.
to components like buttons, chips, dialogs, and switches.

These updates use the new Material 3 theming
These updates use the new Material 3 theming

values and include fresh new updates to each component
values and include fresh new updates to each component

specification.
specification.

We also updated the app bars and navigation components,
We also updated the app bars and navigation components,

so now they have built in window inset support.
so now they have built in window inset support.

The library provides four types of top app bars--
The library provides four types of top app bars--

defaults, formerly known as small,
defaults, formerly known as small,

center aligned, medium, and large.
center aligned, medium, and large.

When scrolled, the top app bars fill with a contrasting color
When scrolled, the top app bars fill with a contrasting color

to provide visual separation from the content beneath.
to provide visual separation from the content beneath.

The library also has composables for navigation bar,
The library also has composables for navigation bar,

formerly known as bottom navigation, and rail, as well
formerly known as bottom navigation, and rail, as well

as three variants of Navigation Drawer--
as three variants of Navigation Drawer--

modal, dismissible, and permanent.
modal, dismissible, and permanent.

In Material 3, the Navigation Drawer
In Material 3, the Navigation Drawer

is decoupled from the scaffolds.
is decoupled from the scaffolds.

There's also a new drawer sheet component
There's also a new drawer sheet component

to allow easier customization of the drawer content.
to allow easier customization of the drawer content.

Using the navigation components together with the Material 3,
Using the navigation components together with the Material 3,

Window Size Class API allows you to define the right navigation
Window Size Class API allows you to define the right navigation

based on the available screen size.
based on the available screen size.

There are a variety of other updates to Components
There are a variety of other updates to Components

and Compose Material 3.
and Compose Material 3.

To get a full overview of the Components and how to use them,
To get a full overview of the Components and how to use them,

check out the API reference on developer.android.com.
check out the API reference on developer.android.com.

It's a great time to use Compose Material 3 in your Android
It's a great time to use Compose Material 3 in your Android

apps.
apps.

And we've prepared tools to help you get started.
And we've prepared tools to help you get started.

First, all new Android Studio projects
First, all new Android Studio projects

will use Material 3 by default. We've also
will use Material 3 by default. We've also

updated the Material Theme Adapter
updated the Material Theme Adapter

library and the Material Theme Builder tool.
library and the Material Theme Builder tool.

Next, there are new guides on Material 3
Next, there are new guides on Material 3

and migrating from Material 2, as well as
and migrating from Material 2, as well as

associated code labs.
associated code labs.

Lastly, the Compose Samples and the Compose Material Catalog
Lastly, the Compose Samples and the Compose Material Catalog

app have also been updated.
app have also been updated.

To learn more about building with Material You,
To learn more about building with Material You,

please check out these talks.
please check out these talks.

Thank you.
Thank you.

[APPLAUSE]
[APPLAUSE]

[MUSIC PLAYING]
[MUSIC PLAYING]