https://github.com/rodrigomartind/mixanimationsmotionlayout

En este repo encontraras multiples ejemplos de animaciones con #MotionLayout
https://github.com/rodrigomartind/mixanimationsmotionlayout

android android-app android-development androiddeveloper constraint-layout constraintlayout motion-layout motionlayout

Last synced: about 2 months ago
JSON representation

En este repo encontraras multiples ejemplos de animaciones con #MotionLayout

• Host: GitHub
• URL: https://github.com/rodrigomartind/mixanimationsmotionlayout
• Owner: rodrigomartind
• License: apache-2.0
• Created: 2020-05-18T17:35:33.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-08-13T00:00:26.000Z (almost 4 years ago)
• Last Synced: 2025-04-05T04:12:57.073Z (about 2 months ago)
• Topics: android, android-app, android-development, androiddeveloper, constraint-layout, constraintlayout, motion-layout, motionlayout
• Language: Kotlin
• Homepage: https://twitter.com/RodrigoMartinD
• Size: 735 KB
• Stars: 633
• Watchers: 16
• Forks: 70
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# MixAnimationsMotionLayout 

### This repository contains a set of MotionLayout examples.

## MotionLayout samples overview

-----------------------------

|  Title  |  GIF  | XML |

| :----: | :----: | :----: |

|  Menu selector |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_menu_selection_carousel.xml) 
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_menu_selection_carousel_scene.xml)|

|  MODO Payment |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_modo_payment.xml)
[MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_modo_payment_scene.xml)|

|  Circular Food |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_food_circle_tabs.xml) 
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_food_circle_tabs_scene.xml)|

|  Circular Food Augmented Reality  |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_food_circle_tabs_ar.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_food_circle_tabs_scene.xml)|

|  Carousel Helper |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_carousel_helper.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_carousel_helper_scene.xml)|

|  Multi Snake Cards |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_vertical_snake.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_vertical_snake_scene.xml)|

|  Circular Carousel |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_circular_cards_demo.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_circular_cards_demo_scene.xml)|

|  Cards Stack |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_vertical_stack_cards_demo.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_vertical_stack_cards_demo_scene.xml)|

|  Instagram Stories |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_instagram_story_demo.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_instagram_story_demo_scene.xml)|

|  Rotation Card |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_rotation_card_demo.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_rotation_card_scene_demo.xml)|

|  Carousel Helper - Snake Carousel |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_horizontal_carousel.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_horizontal_carousel_scene.xml)|

|  Sensor + Motion |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_test_sensores_android.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_test_sensores_android_scene.xml)|

|  Starbucks  |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_starbucks_detail.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_starbucks_detail_scene.xml)|

|  House of Cards  |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_pill_cards.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_pill_cards2_scene.xml)|

|  Emoji Dance  |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_flow_demo.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_flow_demo_scene.xml)|

|  Telegram  |  | [XML](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/layout/activity_telegram_header_demo.xml)
 [MotionScene](https://github.com/rodrigomartind/MixAnimationsMotionLayout/blob/master/app/src/main/res/xml/activity_telegram_header_scene.xml)|

## Find me at:

[![Medium](https://img.shields.io/badge/Medium-@rodrigomartind-9146FF?style=for-the-badge&logo=medium&logoColor=white&labelColor=101010)](https://rodrigomartind.medium.com/)

[![Twitter](https://img.shields.io/badge/Twitter-@rodrigomartind-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white&labelColor=101010)](https://twitter.com/RodrigoMartinD)

[![LinkedIn](https://img.shields.io/badge/LinkedIn-Rodrigo_Dominguez-0077B5?style=for-the-badge&logo=linkedin&logoColor=white&labelColor=101010)](https://www.linkedin.com/in/rodrigo-martin-dominguez-463b5a33/)

## License

This project is licensed under the Apache 2.0 License - see the [LICENSE](LICENSE) file for details