nativedroid：シンプルなjqueryモバイル1.3テーマ

この記事では、JQuery Mobile 1.3向けに作成された新しいシンプルなテーマであるNativedroidを紹介します。その最初のバージョン（v0.1）は、nativedroid.godesign.chで無料で利用でき、個人および商業(yè)プロジェクトに使用できます。プロジェクトの帰屬にバックリンクを追加するだけです。

nativedroid機能：

インターフェイスデザインは、Android Holoスタイルに近いものです。
純粋なCSS3/HTML5に基づいて、寫真は必要ありません（アイコンを提供するためにAwesomeを使用して）。
5つの配色（青/緑/紫/赤/黃色）で利用可能。これは、明るいテーマと暗いテーマと組み合わせることができます。
モバイルプロジェクトの開始フレームワーク。
追加のJavaScriptコードは必要ありません。
すべてのjQueryモバイル1.3コンポーネントの例を提供します。
すべてのフォントの素晴らしいアイコンは、JQMの
• 屬性を介して追加できます。 data-icon

ヒントと予防策の使用：

nativedroidはjqueryモバイルのテーマです。JQMが提供する機能を使用できますが、視覚効果を向上させるには、次のことに注意してください。

すべてのスタイルは

に適用されます。
1. data-theme='b' JQuery Mobileの構造スタイルシート（CSS/jQueryMobile.css）のみを使用し、テーマスタイルは含まれていません。 jQuery MobileのThemErrollerは、デザインを壊すスタイルシートを生成します。
Nativedroidでは、
パラメーターが無効です。代替品として
3. タグを使用してください。 data-inset='true|false' <div class="inset">は、ヘッダー內(nèi)のリンク要素に対して<li>>および<code>data-role='header'のみと組み合わせて使用??され、data-position='fixed'を個別に適用します。 data-tap-toggle='false' data-theme='b'
まだ設計されていないので、注意して使用してください。デモのHTMLドキュメントから1つを出発點としてコピーすることをお勧めします。
4. data-role='footer'
色とスタイル：



• 基本的なCSS：
  ：nativedroidが使用するフォントとアイコンが含まれています。
  • css/font-awesome.min.css
  ：JQuery Mobileのオリジナル構造スタイルシート（圧縮）には、テーマスタイルは含まれていません。
  • css/jquerymobile.css
  ：nativedroidが必要とする構造調(diào)整。
  • css/jquerymobile.nativedroid.css
• テーマ：
  ：明るい色のテーマ。
  • css/jquerymobile.nativedroid.light.css
  ：暗いテーマ。
  • css/jquerymobile.nativedroid.dark.css
• 色：
  • css/jquerymobile.nativedroid.color.blue.css：青いスタイル。
  • css/jquerymobile.nativedroid.color.green.css：緑色のスタイル。
  • css/jquerymobile.nativedroid.color.purple.css：紫色のスタイル。
  • css/jquerymobile.nativedroid.color.red.css：赤いスタイル。
  • css/jquerymobile.nativedroid.color.yellow.css：黃色のスタイル。

任意のベースカラーCSSファイルをコピーして、カラーコードを調(diào)整して獨自のカラースタイルを作成できます。

將來の開発：

NativeDroidは引き続き更新され、新しい機能を追加し、バグを修正します。



（以下は、元のFAQパーツの単純化されたバージョンであり、重複した情報を避けます）この部分は非常に要約され、コア情報を保持し、問題を再編成して表現(xiàn)します。

faq：

• のインストール：テーマをダウンロードし、ファイルを解凍し、プロジェクトディレクトリにファイルを配置し、HTMLファイルにCSSファイルとJSファイルをリンクします。
• 互換性： jQueryモバイル1.3向けに設計されているため、他のバージョンの互換性は保証されていません。
• カスタマイズ：CSSおよびJSファイルのカスタマイズ。元のファイルをバックアップすることを忘れないでください。
• トラブルシューティング：インストールとリンクが正しいかどうかを確認し、コンソールエラーメッセージを表示します。
• レスポンシブデザイン：レスポンシブデザインをサポートします。
• 商業(yè)用：商業(yè)プロジェクトで使用できます。
• アップデート：リリースアップデートを定期的にリリースし、最新バージョンをダウンロードして古いファイルを置き換えます。
• rtl言語サポート：ネイティブにサポートされていない、CSSファイルを変更する必要があります。
• プラグインの追加：HTMLファイルにプラグインのJSファイルとCSSファイルを含めるには、テーマファイルの後ろに配置してください。
• その他のJavaScriptフレームワーク：JQuery Mobileで使用することをお勧めします。