Я делаю гибридное приложение с помощью AngularJS и хочу, чтобы он основывался на принципах пользовательского интерфейса Material Design. Я читал об этом на веб-сайте google. Они много объяснили естественную анимацию, которую должен пройти материал. Я люблю демонстрации на этой странице.
http://www.google.com/design/spec/material-design/introduction.html
Однако поддерживающий проект с открытым исходным кодом Angular Material Design не имеет никаких директив или положений для этих анимаций. Как я могу достичь этой анимации, пожалуйста, обратитесь.
Я планирую сделать это с помощью анимации CSS3. Как следует использовать их и что должно быть в архитектуре, пожалуйста, предложите.
Если вы еще не решили, Materialize (http://materializecss.com) - это основа CSS на основе материалов, которая очень проста в использовании. Он структурирован аналогично Bootstrap. Анимации имеют кубическое ослабление, которое придает ему естественное ощущение.
Не уверен, что это поможет вам, но CSS-структура была построена на основе Material Design http://material-ui.com
Вы можете использовать famo.us. Здесь доказательство понятия:
http://blog.aminjam.com/building-mobile-apps-with-famous-and-angular-material/
Angular Материал Project не предоставляет анимацию, но в целом для AngularJS я нашел следующий пакет очень полезным
Вы можете просто установить этот пакет и включить его в качестве зависимости, а затем добавить анимацию так же просто, как добавить определенные классы в наш HTML.
Вам все равно нужно руководствоваться принципами материального дизайна и выяснить, какие анимации подходят и где их следует использовать.
Попробуйте использовать
https://material.angularjs.org
"Проект Angular Material представляет собой реализацию Material Design в Angular.js. Этот проект предоставляет набор многоразовых, проверенных и доступных компонентов пользовательского интерфейса на основе системы Material Design.
Как и в случае с проектом Polymer Paper collection, Angular Материал поддерживается в Google Angular.js, Material Design UX и другими командами продуктов.