Custom View with Motion Layout

on YouTube ↗37m

" summary

A reusable HalfMoon UI module uses MotionLayout extended as a custom view to centralize toolbar‑style widgets and animations. Implementation uses a container‑tagging approach (red/green/yellow containers injected at runtime), about ~400 lines of code, keyframe alpha values at frame 30/70 to produce non‑linear fade, layoutChangeListener to sync title fades and arc curvature, and MotionLayout's built‑in autocomplete magnet effect. Nesting adds a small performance cost but the component meets delivery and integration goals.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 4:27INTRODUCTION REQUIREMENTS
3. 7:03SOLUTION ANALYSIS
4. 10:08MOTION LAYOUT
5. 17:17HALFMOON VIEW
6. 32:16CONCLUSIONS

" related talks

• 39mAdvanced & Practical MotionLayoutJason Pearson · droidcon NYC 2019
• 40mAdvanced & Practical MotionLayoutJason Pearson · droidcon SF 2019
• 42mDo the Loco-MotionLayout: Building animations with MotionLayoutMike Scamell · 360|AnDev 2019
• 50mDeep dive into MotionLayoutNicolas Roard, John Hoford, thagikura · DroidKaigi 2019
• 44mPractical Motion with Constraint LayoutSean McQuillan · Android Summit 2020
• 39mExploring MotionLayoutJossi Wolf · Chicago Roboto 2019
• 23mMotionLayout & RecyclerViewJason Pearson · droidcon Italy 2020
• 44mDo the Loco-MotionLayout: Building animations with MotionLayoutMike Scamell · droidcon Italy 2019