質問

私は イオン をマテリアルデザインで使いたいのです。カスタムCSSでionicディレクティブを使うか、それとも アンギュラーマテリアル

ionicディレクティブを使うことで、以下のような効率的な機能が得られると書いてありました。

• 他のビューに移動してページに戻った後でも、アプリのデータはUI-routerで記憶されます。

• Ionicのリストアイテムはディスプレイの高さまでしかレンダリングされず、下または上にスクロールしたときに再利用されます。

といった具合に、多くのパフォーマンスが改善されています。

でも、ionicのディレクティブを使うとマテリアルデザインにならないんですよね。

もし私がangular-materialを使ったら、これらのパフォーマンスの改善や、モバイルアプリケーションに必要な追加機能を持つことはできません。

Angular-materialのディレクティブは以下のようなものです。

<md-list>
  <md-item ng-repeat="item in items">
    Hello, {{item}}!
  </md-item>
</md-list>

Ionicのディレクティブは、以下のようなものです。

<ion-list>
  <ion-item ng-repeat="item in items">
    Hello, {{item}}!
  </ion-item>
</ion-list>

見た目は Ionicはangular-materialに出資しています。 プロジェクトの開発に資金を提供しているようですが、なぜangular-materialはionicと互換性がないのでしょうか？

どのようにすれば angular-materialを使用することができます。 コンポーネントを、ionic のパフォーマンス向上と機能を失うことなく使用するにはどうすればよいですか？

または

ionicでマテリアルデザインを使用するための良いアイデアはありますか？

どのように解決するのですか？

というマテリアルデザインのCSSフレームワークを見つけました。 Materializecss . これは期待できそうです。ただのCSSとjavascriptのフレームワークです。

http://materializecss.com/

他のフレームワークと比較した場合の優位性

1. 純粋なCSSクラスで、ionicのディレクティブと衝突しない。パフォーマンスの低下もありません。
2. 私が見てきたすべてのフレームワークの中で、これが唯一、マテリアルデザインのルールに忠実に従ったものです。
3. ほとんど準備ができており、50 人以上の貢献者がいて、6 か月未満で現在のバージョン 0.95.3 になっている
4. 使いやすい。機能的なナビゲーションを含むよくまとめられたドキュメント。
5. アプリに必要なマテリアルデザインの機能をほぼ全て備えている。

このページ http://materializecss.com/getting-started.html は、あなたのプロジェクトにこれを組み込む方法を紹介します。

良いマテリアルデザインフレームワークをお探しの方のお役に立てれば幸いです。

更新日: 2015-07-09

I Found another lightweight powerful beautiful CSS framework for material design（マテリアルデザインのための軽量でパワフルで美しいCSSフレームワーク）を見つけました。

マテリアル デザイン ライト http://www.getmdl.io/

軽量で、滑らかで素早いアニメーションがあり、かなり良さそうです。Google の開発者の一人によって作られました。Googleが公式に宣伝しています。 https://developers.google.com/web/ . かなり人気が出てきているので、試してみてください。 Angular素材との比較

更新日：2015-10-23

Ionic2はAndroidのMaterial DesignをInBuiltでサポートします。

公式発表です。 AngularConnectでIonic2のデモを見ることができます。 Ionic2は、AndroidのMaterial Designをデフォルトで搭載しています。AndroidのデフォルトでMaterial Designが採用されているので、Material Designのフレームワークを選ぶのに迷うことはないでしょう。