Practical implementations of powerful UI expressions using Jetpack Compose
summary
Shows concrete Jetpack Compose techniques: using AnnotatedString and inline content to style text and insert icons; creating gradients with ShaderBrush and Linear/Radial/Sweep brushes; composing draw modifiers (drawWithContent, clipPath, drawIntoCanvas) to implement coach‑marks and a reusable shimmer. Demonstrates scroll‑driven list item animations and a synchronized progress bar implemented succinctly (~50 lines) with attention to performance (draw cache, scale vs size), and explores OS‑level and runtime shaders via AGSL and RenderEffect plus rememberInfiniteTransition for repeating animations.
AI-written summary · about
chapters (12)
- 0:00Jetpack Compose UI
- 1:03Traditional UI challenges
- 3:56Text styling with AnnotatedString
- 6:47Gradient brushes for text
- 12:48Animations as value changes
- 19:16AnimateAsState
- 22:32Component visibility & transitions
- 25:05Scroll-driven animations
- 27:14Shimmer effects with gradients
- 29:45Progress bar animations
- 32:26AGSL for shader effects
- 34:33Conclusion
related talks
39mMagic Sprinkles: Adding animations to your app with Jetpack Compose
41mCompose by Example
49mBuilding an Android UI using declarative programming in Jetpack Compose
32mJetpack Compose for Games & Animations
44mUnleashing the Power of Jetpack Compose: Revolutionizing Android UI Development
21mAnimations with Jetpack Compose
36mPractical Magic with Animations in Compose
07m5 quick animations to make your Compose app stand out