Incorporating Material Theming into Custom Views
summary
Custom ColorPickerView is refactored to follow Material Theming by replacing hard-coded draws and widgets with MDC-Android primitives, using MaterialButton and text appearances, exposing a styleable with attributes for shape, tint and elevation, and backing backgrounds with MaterialShapeDrawable and a shared ShapeAppearanceModel for item diamonds. Ripple feedback uses RippleUtils and a ColorStateList; elevation uses ElevationOverlayProvider so dark mode brightens surfaces. Result: the component matches themed widgets, supports runtime theme changes and preserves selectable item state.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 3:38Material theming recap
- 7:28Fixing the OK button
- 9:56Styling text views
- 12:30Background theming
- 16:24Shape theming with styleables
- 17:49Text color on surfaces
- 20:21Theming color items
- 24:40Adding touch feedback
- 28:32Dark theme support
- 31:41Final considerations
- 32:46Conclusion and Q&A
related talks
29mThe components of Material Design
43mCustomizing Theme and Style for Material Design
42mStyles, Themes, Material Theming, Oh My!
23mBest practices for themes and styles
26mLiving in a Material world
36mMaterial Theming: Build Expressively with Material Components
44mMaterial You Review
58mMaterial You Review