Warning This sample has been migraated to the new platform-samples repository and will no longer be maintained.
Please use the following sample instead.
Thank you for your understanding.
This repository contains a list of layouts that showcases the various features and usage of ConstraintLayout and MotionLayout
- Android Studio 3.3+
- Constraint Layout library 2.0.0-alpha5+
Import the project using Android Studio. Navigate to the app>res>layout> and open one of the layouts in the layout editor. This sample is best understood by seeing the constraints in the Design mode of the layout editor.
| Title | GIF | Layout | MotionScene |
|---|---|---|---|
| Basic Example (1/3) |  |
Layout | MotionScene |
| Basic Example (2/3) |  |
Layout | MotionScene |
| Basic Example (3/3) |  |
Layout | MotionScene |
| Custom Attribute |  |
Layout | MotionScene |
| ImageFilterView (1/2) |  |
Layout | MotionScene |
| ImageFilterView (2/2) |  |
Layout | MotionScene |
| Keyframe Position (1/3) |  |
Layout | MotionScene |
| Keyframe Interpolation (2/3) |  |
Layout | MotionScene |
| Keyframe Cycle (3/3) |  |
Layout | MotionScene |
| CoordinatorLayout Example (1/3) |  |
Layout | MotionScene |
| CoordinatorLayout Example (2/3) |  |
Layout | MotionScene |
| CoordinatorLayout Example (3/3) |  |
Layout | MotionScene |
| DrawerLayout Example (1/2) |  |
Layout | MotionScene |
| DrawerLayout Example (2/2) |  |
Layout | Content Menu |
| Side Panel Example |  |
Layout | MotionScene |
| Parallax Example |  |
Layout | MotionScene |
| ViewPager Example |  |
Layout | MotionScene |
| ViewPager Lottie Example |  |
Layout | MotionScene |
| Complex Motion Example (1/4) |  |
Layout | MotionScene |
| Complex Motion Example (2/4) |  |
Layout | MotionScene |
| Complex Motion Example (3/4) |  |
Layout | MotionScene |
| Complex Motion Example (4/4) | N/A | Layout | MotionScene |
| Fragment Transition Example (1/2) |  |
Layout | MotionScene |
| Fragment Transition Example (2/2) |  |
Layout | MotionScene |
| YouTube like motion Example |  |
Layout | MotionScene |
| Example using KeyTrigger |  |
Layout | MotionScene |
| Example using Multi State |  |
Layout | MotionScene |
If you've found an error in this sample, please file an issue: https://github.com/android/views-widgets/issues
To learn more about ConstraintLayout checkout the Constraint Layout Training Guide
Patches are encouraged, and may be submitted by forking this project and submitting a pull request through GitHub. Please see the contributing guidelines for more details.