MotionLayoutDemos

KO | EN

gitlite — search

#javascript #python #typescript #go #android #machine-learning #java #awesome #cli #kubernetes #awesome-list #pytorch #mcp #openai

MotionLayoutDemos

(★ 25)

AppDevCon MotionLayout workshop

MotionLayoutDemos Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">Motion Layout Demos</h1>

<p align="center">  
This repository contains collection of demos which I presented during AppDevCon'19 [Motion Layout workshop](https://appdevcon.nl/session/animating-apps-using-motionlayout)
</p>
</br>

## Library and Frameworks
- Minimum SDK level 21
- [Kotlin](https://kotlinlang.org/) based.
- Motion Layout - 2.0.0-beta8
- Android Studio - 4.2 Canary 7 
- Gradle - 4.2.0-alpha07 & Wrapper - gradle-6.5-all

## Collections of different Animations present in this repository.

|  Title  |  GIF  | Layout | MotionScene | 
| :----: | :----: | :----: | :----: |
| Basic Animation | <img src="https://github.com/vipulshah2010/MotionLayoutDemos/blob/master/art/Animation1_Basic.gif" height="360" width="180" > | [Layout](app/src/main/res/layout/animation1_basic.xml) | [MotionScene](app/src/main/res/xml/animation1_basic_desc.xml) | 
| Custom Attributes | <img src="https://github.com/vipulshah2010/MotionLayoutDemos/blob/master/art/Animation2_Custom_Attributes.gif" height="360" width="180" > | [Layout](app/src/main/res/layout/animation2_custom_attributes.xml) | [MotionScene](app/src/main/res/xml/animation2_custom_attributes_desc.xml) | 
| Key Attributes | <img src="https://github.com/vipulshah2010/MotionLayoutDemos/blob/master/art/Animation3_Key_Attributes.gif" height="360" width="180" > | [Layout](app/src/main/res/layout/animation3_key_attributes.xml) | [MotionScene](app/src/main/res/xml/animation3_key_attributes_desc.xml) | 
| Photo Manipulation | <img src="https://github.com/vipulshah2010/MotionLayoutDemos/blob/master/art/Animation4_Photo_Manipulation.gif" height="360" width="180" > | [Layout](app/src/main/res/layout/animation4_photo_manipulation.xml) | [MotionScene](app/src/main/res/xml/animation4_photo_manipulation_desc.xml) | 
| Carousel Animation | <img src="https://github.com/vipulshah2010/MotionLayoutDemos/blob/master/art/Animation5_Carousel.gif" height="360" width="180" > | [Layout](app/src/main/res/layout/animation5_carousel.xml) | [MotionScene](app/src/main/res/xml/animation5_carousel_desc.xml) |
| Complex Carousel Animation | <img src="https://github.com/vipulshah2010/MotionLayoutDemos/blob/master/art/Animation5_Carousel_Complex.gif" height="360" width="180" > | [Layout](app/src/main/res/layout/animation5_carousel.xml) | [MotionScene](app/src/main/res/xml/animation5_carousel_desc_complex.xml) |
| Collapsing Toolbar | <img src="https://github.com/vipulshah2010/MotionLayoutDemos/blob/master/art/Animation6_Collapsing_Toolbar.gif" height="360" width="180" > | [Layout](app/src/main/res/layout/animation6_collapsing_toolbar.xml) | [MotionScene](app/src/main/res/xml/animation6_collapsing_toolbar_desc.xml) |
| Collapsing Header | <img src="https://github.com/vipulshah2010/MotionLayoutDemos/blob/master/art/Animation7_Collapsing_Header.gif" height="360" width="180" > | [Layout](app/src/main/res/layout/animation7_collapsing_header.xml) | [MotionScene](app/src/main/res/xml/animation7_collapsing_header_desc.xml) |

MotionLayoutDemos

MotionLayoutDemos Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

MotionLayoutDemos

MotionLayoutDemos Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README