web-dev-qa-db-ja.com

IonicディレクティブVS Angular Ionic Framework

ionic を材料設計で使用したい。カスタムCSSでionicディレクティブと angular-material

ionicディレクティブを使用して、次のような多くの効率的な機能が得られることを読みました。

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

  • イオンリストアイテムは表示の高さまでレンダリングされ、上下にスクロールするときに再利用されます

そして、多くのパフォーマンスの改善。

ただし、ionicディレクティブを使用する場合、マテリアルデザインはありません。

角材を使用する場合、これらのパフォーマンスの改善や、モバイルアプリケーションに必要な追加機能はありません。

角材指令は

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

イオン指令は

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

Ionicは角度材料に資金を提供しています プロジェクト開発のように見えますが、なぜ角度材料はionicとの互換性がないのですか？

angular-material コンポーネントを使用して、ionのパフォーマンスの改善と機能を失うことはありませんか？

OR

イオンで材料設計を使用するためのより良いアイデアはありますか？

javascriptangularjsionic-frameworkionic2material-design
93
Vamsi

Materializecssとして知られるマテリアルデザインCSSフレームワークを見つけました。有望に見えます。それは単なる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

マテリアルデザインのための別の軽量で強力な美しいCSSフレームワークを見つけました

Material Design Lighthttp://www.getmdl.io/

それは軽量で、滑らかで素早いアニメーションを持ち、かなり見栄えが良いです。 Google開発者の1人によって作成されました。 google https://developers.google.com/web/ によって公式に宣伝されています。それは非常に人気が高まっています、試してみてください。 Angular Material との比較

更新：2015-10-23

Ionic2には、AndroidのマテリアルデザインのInBuiltサポートがあります

これは公式です。あなたは AngularConnectのIonic2デモ を見ることができます。Androidのデフォルトとしてマテリアルデザインがあります。マテリアルデザインフレームワークの選択について心配する必要はありません。

68
Vamsi

Ionic Material と呼ばれるかなり新しいプロジェクトがあります。

私はそれを試してみましたが、かなりうまく機能しますが、まだ「プレリリースプレビュー」モードになっていることに注意してください。

github repo によれば、2015年4月にAlphaを入力する必要があります。

バウアーで設置可能

bower install ionic-material

それはあなたがする必要があることのほとんどすべてですが、警告されます、バグがあり、ドキュメントは基本的に存在しません。

幸運を！

24
darryn.ten

Ionic Material および Ionic Material Design Lite は、ionicフレームワークの拡張を目指した新しいライブラリです。少し未熟ですが、 ionicコンポーネントとうまく機能し、素材のテーマ設定をサポートします。

これ は、おそらくより多くの洞察を与えることができます。

3
varna