October 24, 2024

Custom Adaptive layouts in Compose | Spotlight Week

Video by Android Developers via YouTube
Source

Learn the principles for how to build Adaptive layouts in Compose following the phase system, with examples of custom layouts using tips and tricks to bring designs to life.

Chapters:
0:00 – Introduction
0:23 – Phases and Adaptive layouts
5:06 – Breaking first frame correctness
6:53 – Subcomposition
7:37 – Window-level sizing information
8:23 – Custom layouts
17:39 – Solution flowchart

Resources:
Jetpack Compose phases → https://goo.gle/487LSMX
Custom layouts → https://goo.gle/3UesIz1
About Adaptive layouts → https://goo.gle/48ifd7l

Full code examples:
AdaptiveButtons.kt → https://goo.gle/4dSmITw
TextWithBadge.kt → https://goo.gle/3BOhwCY
MoreButtonText.kt → https://goo.gle/403eDZ9

Watch more Spotlight Weeks → https://goo.gle/SpotlightWeeks
Subscribe to Android Developers → https://goo.gle/AndroidDevs

#Featured #AndroidDevelopers #SpotlightWeek #JetpackCompose

Speaker: Alex Vanyo
Products Mentioned: Android,Android Jetpack Compose,Android Form Factors

Go to Source