AngularJS Material Design에 애니메이션 지원이 없습니다. 달성 방법은 무엇입니까?

Question

저는 AngularJS를 사용하여 하이브리드 응용 프로그램을 제작하고 Material Design UI Principles을 기반으로하고 싶습니다. 나는 이것에 대해 Google 웹 사이트에서 읽었습니다. 그들은 재료가 겪어야하는 자연스러운 애니메이션을 많이 설명했습니다. 나는이 페이지에서 데모를 아주 좋아합니다.

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

그러나, 지원하는 오픈 소스 프로젝트 각도 재질 디자인이 애니메이션에 대한 지침이나 규정이 없습니다. 이 애니메이션을 어떻게 얻을 수 있는지 안내해주십시오.

CSS3 애니메이션을 사용하여 작업 할 계획입니다. 어떻게 사용해야하며 아키텍처가 무엇인지 제안하십시오. 이하지만, CSS 프레임 워크는 소재 디자인에 따라 내장 된 당신에게 어떤 도움이 될 것입니다 경우

Answer 1

, 구체화을 (http://materializecss.com)는 재료 디자인을 기반으로 CSS 프레임 워크입니다 매우 사용하기 쉽습니다. 부트 스트랩과 유사하게 구성됩니다. 애니메이션은 자연스러운 느낌을주는 입방체가 있습니다.

Answer 2

확실하지 http://material-ui.com 당신이 이미 결정하지 않은 경우

Answer 3

famo.us를 사용할 수 있습니다. .

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

Answer 4

이이

https://material.angularjs.org

"각 재료 프로젝트는 Angular.js의 재료 설계의 구현입니다 사용해보십시오이 프로젝트는 재사용 가능한 세트를 제공합니다 : 여기 개념의 증거입니다 , 잘 테스트되고 액세스 할 수있는 UI 구성 요소를 제공합니다.

Polymer 프로젝트의 Paper 요소 컬렉션과 마찬가지로 Angular Material은 su입니다. Angular.js, Material Design UX 및 기타 제품 팀에 의해 Google 내부에서 게시되었습니다. "

Answer 5

각도 재료 프로젝트는 애니메이션을 제공하지 않지만, 일반적으로 AngularJS와, 난 당신이 단순히이 패키지를 설치하고 삽입 할 수

ng-fx

매우 유용한 다음과 같은 패키지를 발견했습니다 의존성을 부여한 다음 애니메이션을 추가하는 것은 HTML에 특정 클래스를 추가하는 것만 큼 간단합니다.

아직 소재 디자인 지침을 읽고 어떤 애니메이션이 적합한 지, 어디에서 사용해야하는지 알아야합니다.