The components of Material Design (Android Dev Summit '18)

Android Developers · 68K views · 2018 · 29:20

Open on YouTube

Software (other)UX & UI designtalkdated

Why Stack Overflow recommends it

Stack Overflow users link it when answering questions about MaterialComponents themes, Bridge themes and component styling, and as a source for how the sample Material email app was built.

Recommended by 0 people across 0 different months, 2018 to 2020.

What it is

A 29-minute Android Dev Summit 2018 session by Cameron Ketcham and Gautham Sajith of the Material Components team. It covers Material Theming attributes, the ready-made components in the Material Design Components library, and advanced uses like shape transformation and building custom views that respect the theme.

What people said

Cites Apoorva Jain · 2018-11 · Stack Overflow · on “android.support.design.button.MaterialButton throws InflateException”

Apart from adding Theme.MaterialComponents 1)you can also add Theme.MaterialComponents.Bridge if you only want to get atrributes and not default styling 2)Add androidx and com.google.android.material libraries instead of changing the themes. More info can be found (5) The Components of Material Design (Android Dev Summit '18) - YouTube [this video] at 3:25 min

Cites Ifta · 2018-12 · Stack Overflow · on “Android FAB icon always black with MaterialComponents theme”

For MaterialComponents Theme you can define the following colors. <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar"> <item name="colorPrimary">@color/primary</item> <item name="colorPrimaryDark">@color/primaryDark</item> <item name="colorPrimaryVariant">@color/primaryVariant</item> <item name="colorOnPrimary">@color/onPrimary</item> <item name="colorSecondary">@color/secondary</item> <item name="colorSecondaryVariant">@color/secondaryVariant</item> <item name="colorOnSecondary">@color/onSecondary</item> <item name="colorAccent">@color/accent</item> <item name="colorSurface">@color/surface</item> <item name="colorOnSurface">@color/onSurface</item> <item name="colorErr

Cites Veles · 2020-05 · Stack Overflow · on “Rounded content below ActionBar”

I was watching an Android Dev Summit video on Material Components recently ( [this video] ) and I noticed they presented something cool with the example email app. Is there something built into Material components to achieve this rounded content below the action bar? The only way I know would be using shapes etc., but then it will cut into the content when scrolling. [LINK]