Practical Motion with Constraint Layout
summary
Shows how Constraint Layout 2.0 and Motion Layout drive concrete UI effects: a ViewPager tied to motion progress by mapping position to a 0.0–1.0 range, an entrance sequence split into four transitions across five constraint sets that runs about eight seconds, and a collapsing toolbar that implements a pop/teleport using a key position at 35/36 with curveFit linear. Demonstrates derived constraint chaining, oversized background panning, custom view properties animated as attributes, and an entrance that runs entirely without activity code.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 4:02Motion Editor
- 4:37View Pager
- 5:37Motion Editor Overview
- 7:23Selection Area Overview
- 10:17Transition Overview
- 12:41Motion Editor UI
- 14:31View Pager Example
- 20:10Entrance Animation Example
- 22:00Deriving Constraints
- 22:49Keyframes
- 25:05Staggered Animation
- 27:20Collapsed Toolbar
- 28:27Popout Teleport Effect
- 31:38Collapsing Toolbar
- 35:53Motion Layout
- 36:45Wrap Up
- 37:52Questions
related talks
42mConstraint-ly motion ~*~ making your app dance with With ConstraintLayout
40mAdvanced & Practical MotionLayout
39mAdvanced & Practical MotionLayout
41mConstraintLayout 2.0
35mConstraintLayout 2.0
29mBringing your app to life - Motion Animations everywhere
21mResponsive UI with Constraint and Motion layout
19mMotionLayout: Animation made easy