Quero usar iônico com design de material. Estou preso entre o uso de diretivas iônicas com CSS personalizado e material angular
Eu li que usando diretivas iônicas, obtemos muitos recursos eficientes, como
Os dados do aplicativo são lembrados com o roteador de IU, mesmo depois de navegar para outra visualização e voltar para a página
Os itens da lista iônica são renderizados apenas para exibir a altura e reutilizados ao rolar para baixo ou para cima
e muitas melhorias de desempenho.
Mas, se eu usar diretivas iônicas, elas não têm o design do material.
Se eu usar o material angular, não terei essas melhorias de desempenho e recursos extras necessários para um aplicativo móvel.
As diretivas de material angular são como
<md-list>
<md-item ng-repeat="item in items">
Hello, {{item}}!
</md-item>
</md-list>
As diretivas iônicas são como
<ion-list>
<ion-item ng-repeat="item in items">
Hello, {{item}}!
</ion-item>
</ion-list>
Parece que o Ionic está financiando o desenvolvimento de projetos de material angular , então por que o material angular não é compatível para uso com iônico?
Como posso usar componentes de material angular sem perder as melhorias de desempenho e recursos do iônico?
OU
existe uma ideia melhor para usar o design de material com iônico?
Respostas:
Encontrei um framework CSS de design de material conhecido como Materializecss . Parece promissor. É apenas um framework simples de CSS e javascript.
http://materializecss.com/
Vantagens sobre outras estruturas
Esta página http://materializecss.com/getting-started.html mostrará como incluí-lo em seus projetos.
Espero que isso ajude a qualquer um de vocês que esteja procurando por uma boa estrutura de design de material.
ATUALIZAÇÃO: 09/07/2015
Encontrei outra bela e poderosa estrutura CSS para material design
Material Design Light http://www.getmdl.io/
É leve, tem animações suaves e rápidas, com uma aparência muito boa. Foi feito por um dos desenvolvedores do Google. É oficialmente promovido pelo google https://developers.google.com/web/ . Está ficando bastante popular, experimente. Comparação com Material Angular
ATUALIZAÇÃO: 23/10/2015
Ionic2 tem suporte InBuilt para material design no Android
É oficial, você pode assistir a demo do Ionic2 no AngularConnect , ele tem material design como padrão para Android. Não precisamos nos preocupar em escolher uma estrutura de Material Design.
fonte
Material Design Light
, parece promissor. Aqui é a comparação deMaterial Design Light
ebootstrap
tutorialzine.com/2015/07/comparing-bootstrap-with-mdl , Se você já usou inicialização ele vai ajudar. O Google está promovendo isso em sua página de desenvolvedor web. Portanto, deve ser bom o suficiente.Existe um projeto relativamente novo chamado Ionic Material .
Eu experimentei e funciona muito bem, mas esteja avisado que ainda está no modo "Pré-lançamento".
De acordo com o repo do github, ele deve entrar no Alpha em abril de 2015.
Pode ser instalado com caramanchão
bower install ionic-material
Isso é praticamente tudo que você precisa fazer, mas esteja avisado, existem bugs e a documentação é basicamente inexistente.
Boa sorte!
fonte
Ionic Material e Ionic Material Design Lite são duas novas bibliotecas que pretendem ser uma extensão da estrutura iônica. Embora um pouco imaturo, funciona bem com componentes iônicos e suporta bem o tema do material.
Isso provavelmente poderia dar mais uma visão.
fonte