AngularJS Material Design ne prend pas en charge les animations, comment y parvenir?
Je fais une application hybride en utilisant AngularJS et je veux qu'elle soit basée sur les principes de l'interface utilisateur de conception de matériaux. J'ai lu à ce sujet sur le site Web de Google. Ils ont beaucoup expliqué les animations naturelles que le matériel devrait subir. J'adore les démonstrations sur cette page.
http://www.google.com/design/spec/material-design/introduction.html
Cependant, le projet open source de support Angular Material Design n'a pas de directives ou de dispositions pour ces animations. Comment puis-je réaliser ces animations s'il vous plaît guide.
Je prévois de le faire en utilisant des animations CSS3. Comment dois-je les utiliser et quelle devrait être l'architecture, veuillez suggérer.
Si vous ne l'avez pas déjà décidé, Materialise ( http://materializecss.com ) est un framework CSS basé sur Material Design qui est très facile à utiliser. Il est structuré de manière similaire à Bootstrap. Les animations ont un assouplissement cubique qui lui donne une sensation naturelle.
Je ne sais pas si cela vous sera utile, mais un cadre CSS a été construit sur la base de Material Design http://material-ui.com
Vous pouvez utiliser famo.us. Voici une preuve de concept:
http://blog.aminjam.com/building-mobile-apps-with-famous-and-angular-material/
Angular Material Project ne fournit pas d'animations, mais en général, pour AngularJS, j'ai trouvé le package suivant très utile
Vous pouvez simplement installer ce package et l'injecter en tant que dépendance, puis ajouter des animations est aussi simple que d'ajouter des classes spécifiques à notre code HTML.
Vous devez toujours suivre les directives de conception des matériaux et déterminer quelles animations conviennent et où elles doivent être utilisées.