У AngularJS Material Design нет поддержки анимации, как ее достичь?

Я делаю гибридное приложение с помощью AngularJS и хочу, чтобы он основывался на принципах пользовательского интерфейса Material Design. Я читал об этом на веб-сайте google. Они много объяснили естественную анимацию, которую должен пройти материал. Я люблю демонстрации на этой странице.

http://www.google.com/design/spec/material-design/introduction.html

Однако поддерживающий проект с открытым исходным кодом Angular Material Design не имеет никаких директив или положений для этих анимаций. Как я могу достичь этой анимации, пожалуйста, обратитесь.

Я планирую сделать это с помощью анимации CSS3. Как следует использовать их и что должно быть в архитектуре, пожалуйста, предложите.

Ответ 1

Если вы еще не решили, Materialize (http://materializecss.com) - это основа CSS на основе материалов, которая очень проста в использовании. Он структурирован аналогично Bootstrap. Анимации имеют кубическое ослабление, которое придает ему естественное ощущение.

Ответ 2

Не уверен, что это поможет вам, но CSS-структура была построена на основе Material Design http://material-ui.com

Ответ 3

Вы можете использовать famo.us. Здесь доказательство понятия:

http://blog.aminjam.com/building-mobile-apps-with-famous-and-angular-material/

Ответ 4

Angular Материал Project не предоставляет анимацию, но в целом для AngularJS я нашел следующий пакет очень полезным

ng-fx

Вы можете просто установить этот пакет и включить его в качестве зависимости, а затем добавить анимацию так же просто, как добавить определенные классы в наш HTML.

Вам все равно нужно руководствоваться принципами материального дизайна и выяснить, какие анимации подходят и где их следует использовать.

Ответ 5

Попробуйте использовать

https://material.angularjs.org

"Проект Angular Material представляет собой реализацию Material Design в Angular.js. Этот проект предоставляет набор многоразовых, проверенных и доступных компонентов пользовательского интерфейса на основе системы Material Design.

Как и в случае с проектом Polymer Paper collection, Angular Материал поддерживается в Google Angular.js, Material Design UX и другими командами продуктов.