https://github.com/takahirom/material-element

An Android app which provides example of implementing material design animation.
https://github.com/takahirom/material-element

android animation material-design material-motion material-ui

Last synced: about 1 month ago
JSON representation

An Android app which provides example of implementing material design animation.

• Host: GitHub
• URL: https://github.com/takahirom/material-element
• Owner: takahirom
• Created: 2017-03-04T04:19:52.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-05-03T08:18:06.000Z (over 7 years ago)
• Last Synced: 2024-08-02T01:24:12.243Z (4 months ago)
• Topics: android, animation, material-design, material-motion, material-ui
• Language: Java
• Homepage:
• Size: 463 KB
• Stars: 241
• Watchers: 13
• Forks: 39
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-android-ui - material-element - MD风格动画示例APP (MD)

README

        
# material-element

![logo](https://cloud.githubusercontent.com/assets/1386930/23596654/fa752a92-026f-11e7-8548-fe1256b6edc1.png)

An Android app which provides  example of implementing material design animation.

[](https://dply.me/qke65z#install)

![screenrecord](https://cloud.githubusercontent.com/assets/1386930/23823658/7c5f09c2-06aa-11e7-8898-ab58859e251d.gif)

## Designer

[sorashin](http://github.com/sorashin)

## Examples

Choreography

![choreography](https://cloud.githubusercontent.com/assets/1386930/23785409/f064504e-05aa-11e7-95a5-848da6a854aa.gif)

|  | Animation Start | Animation End |

|---|---|---|

| Card Width | 0ms | 275ms |

| Card Height | 30ms | 375ms |

| SharedElement x position | 0ms | 275ms |

| SharedElement y position | 30ms | 375ms |

| Entering View Alpha | 75ms | 225ms |　

| Duration & Easing | Movement | Transforming material |

|---|---|---|

| ![element_duration_easing](https://cloud.githubusercontent.com/assets/1386930/23667688/0ec91534-03a2-11e7-921a-b753e4ccac6f.gif) | ![element_movement](https://cloud.githubusercontent.com/assets/1386930/23667764/4f5a381c-03a2-11e7-85af-f894aef98eb3.gif) | ![element_transforming](https://cloud.githubusercontent.com/assets/1386930/23667832/831fb87a-03a2-11e7-86bb-a29a258da009.gif) |

And more..

## Credit

This app use codes in these project.

[Plaid](https://github.com/nickbutcher/plaid)  

[Android Open Source Project](https://source.android.com/source/licenses.html)

## License

    Copyright 2017 takahirom, sorashin

    Licensed under the Apache License, Version 2.0 (the "License");

    you may not use this file except in compliance with the License.

    You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software

    distributed under the License is distributed on an "AS IS" BASIS,

    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

    See the License for the specific language governing permissions and

    limitations under the License.