Estoy haciendo una Aplicación Híbrida utilizando AngularJS y quiere que sea basado en el Material de Diseño de la interfaz de usuario de Principios. He estado leyendo sobre esto en el sitio web de google. Ellos han explicado mucho sobre la naturaleza de las animaciones que el material que debe someterse. Soy amante de las manifestaciones en esta página.

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

Sin embargo, el proyecto de código abierto Angular Diseño de Material no tiene ningún directivas o disposiciones de estas animaciones. ¿Cómo puedo lograr esto animaciones favor de guía.

Estoy planeando hacerlo con Animaciones CSS3. ¿Cómo debo usar ellos y lo que debe ser la arquitectura, por favor, sugiera.

  • Así que @rahat-khanna, ha encontrado una solución favorable a este? Estoy en la misma situación y estoy considerando 1) ir con un simulacro de material marco de diseño como Angular de Material, 2) no se moleste con el Diseño de Materiales en todos, o 3) ir nativo. Yo prefiero no ir nativo, así que me estoy inclinando hacia 1.
  • Me parece que se va 1 es sólo una opción si usted no quiere ir a los nativos. Por otra parte el CSS de los Marcos mencionados en algunas respuestas han evolucionado y maduro ahora.
  • He comprobado el angular de material portal de ahora y parece que tienen todas las animaciones ahora en: material.angularjs.org/#
InformationsquelleAutor Rahat Khanna | 2014-11-25

5 Comentarios

  1. 12

    Si usted no ha decidido ya, de concretarse (http://materializecss.com) es un Material de Diseño basado en CSS framework que es muy fácil de usar. Está estructurado de manera similar a Bootstrap. Las animaciones han cúbicos de flexibilización que le da la sensación natural.

    • Aunque en el enlace por que es impresionante, y lo han hecho cosas maravillosas, pero sus componentes de javascript están basadas en jQuery para los que no se puede usar directamente en mi proyecto de AngularJS.
    • De acuerdo, gran barrera de entrada para materializar es que no hay angularjs directivas para JS componentes. Lamentable como materiazlize es hermoso.
    • ahora Hay un proyecto (Angular se Materializan) para crear Angular de las directrices para la Materializarse marco.
  2. 1

    Angular Material del Proyecto no proporciona animaciones, pero en general, para AngularJS, he encontrado siguiente paquete muy útil

    ng-fx

    Usted puede simplemente instalar este paquete y lo inyecta como de dependencia y, a continuación, añadir animaciones es tan simple como añadir las clases específicas a nuestro HTML.

    Usted todavía necesita ir a través de material de directrices para el diseño y averiguar que las animaciones son adecuados y donde deben ser utilizados.

  3. -4

    Trate de usar este

    https://material.angularjs.org

    «El Angulares Material del proyecto es una aplicación de Diseño de Materiales Angular.js. Este proyecto proporciona un conjunto de reutilizables, bien probado, y accesible componentes de interfaz de usuario basada en el Material de Diseño del sistema.

    Similar a la de Polímero proyecto de Papel de la colección de elementos, Angular Material es apoyado internamente en Google por el Angular.js Material de Diseño de UX y otros equipos de producto.»

    • Podría ser yo, pero el Angulares Material del proyecto se menciona explícitamente en la pregunta, el problema es que no hay disposiciones para las animaciones.

Dejar respuesta

Please enter your comment!
Please enter your name here