qmlcore

pureqml :: qmlcore：qmlからjavascript翻訳者

QMLCoreは、モバイルデバイスとデスクトップデバイスの両方のHTML5 UIの開発を簡素化するために、長年使用している単純なツールのセットです。元のQMLを念頭に置いて設計されましたが、一部の側面では100％互換性がなく、改善されています。ただし、主な概念は同じですので、元のQMLに精通している場合は、すぐに開始できます。

使用法

QMLCoreは、Python-Futureを使用してPythonで記述されたツールチェーンを提供し、両方のPythonバージョンの上で実行できるようにします。通常、それらを直接使用する必要はありません。 build 、それらすべての周りに便利なラッパーを提供します。

前提条件

最新のPython（2または3）はうまくいきます。 JINJA2は、HTMLファイルにQMLローダー以外のものが必要な場合に備えて、テンプレートの別のオプションですが、小さなアプリには必要ありません。

要件をインストールするには：

$ pip install - r requirements . txt 

シンプルなハウツー

• Project Directory、 cd <project-dir>を作成します
• クローンqmlcore to it： git clone [email protected]:pureqml/qmlcore.git
• run ./qmlcore/build - boilerplate
• ./src/app.qmlを調べてください
• run ./qmlcore/build build.web/*で結果のファイルを見つけてください

それがどのように機能するか

QMLコンパイラは、QMLファイルのソースディレクトリをスキャンし、それぞれを解析します。ファイル名は、コンポーネントと見なされる大文字から始まり、小文字がインスタンス化されました。プロジェクト全体のオプションは、 .manifestファイルに保存されます。コンパイルの結果は、最小依存関係（Modernizrのみ）を備えた単一のJavaScriptファイルであり、モバイルおよびデスクトップ環境で使用でき、サンプル.htmlランチャーが添付されています。

マニフェストオプション

Manifestは、さまざまなプロジェクトを失敗するために使用したプロジェクト全体のハッキングのコレクションです。それらのいくつかは有用かもしれませんし、そうでないかもしれません。

• templater - 使用するテンプレートエンジン、「シンプル」と「jinja2」のみが現在サポートされています
• web-prefix -以下の-pオプションを参照して、CSSルールプレフィックスを指定します
• minify -false/trueまたはコンパイラ名は文字列として、「gcc」と「uglify -js」のみがサポートされています。 Google Closure Compilerでは、Javaを実行する必要があります。
• platforms追加のプラットフォーム/*/ファイルを使用し、デフォルトで、プラットフォームのみが「Web」です
• path - ソースを検索する追加のディレクトリ

ツールコマンドラインオプションを構築します

• -m, --minifyデフォルトオプションを使用してMinifyを使用する
• -k, --keep削除後に元のソースを保持し、削除警告のデバッグに役立ちます
• -d, --devel開発モード、実行を続けて変更を待つ、イノティイモジュールが必要です
• -p, --web-prefix webプレフィックス、デフォルトのCSSルールを削除し、それらに 'qml-'プレフィックスを追加して、HTML/QMLを交換できるようにします。
• -u, --update-translation 、Manifest.Languagesで指定された翻訳ファイルを更新します
• -j, --jobs並行してnジョブを実行します
• --boilerplate最小限を初期化して、現在のディレクトリでより迅速にキックオフします。

サポートされているプラ​​ットフォーム

さまざまなプラットフォームやビデオ統合バリエーションをサポートしています。

最も注目すべきプラットフォームは次のとおりです。

• HTML5 Webブラウザ（明らかに）異なるアドオンを使用してください：
  • シャカ
  • dash.js
  • Video.js Web拡張機能
• Electronjs
• Android（ネイティブエンジンとコルドバ）
• iOS（cordova）
• SMARTTVプラトルム：
  • ネイティブAndroidサポートを介したAndroid TV。
  • LG（ネットキャストとWebOS）
  • Samsung Smarttv（Orsay and Tizen）
  • operatv
• 多くのSTBプラットフォーム（個人的に）
• 最小要件を持つネイティブC ++エンジン（EGLまたはLinuxFB）（個人的に）

サポートされているプラ​​ットフォームの完全なリストについては、こちらとこちらをご覧ください。または、または私たちに尋ねてください。

ネイティブAndroidサポート

PureQMLネイティブAndroid実装のメインリポジトリはhttps://github.com/pureqml/qmlcore-androidです。

ネイティブAndroidアプリを構築するには、次のことが必要です。

• Android SDKをインストールし、 ANDROID_HOME環境変数を設定します
• ./qmlcore/platform/pure.femto/build-android-native.shスクリプトを実行します。

ローカリゼーション

QMLCoreはQTアプローチを使用してローカライズします。デフォルトの言語でコードを記述し、翻訳ファイルを生成/更新（build -u）.ts翻訳ファイルを生成し、QT言語学者と翻訳し、プロジェクトをコンパイルします。 QMLCoreは、TR、QSTR、QSTRANSLATE関数、およびQT_TR_NOOP/QT_TRASSLATE_NOOPマクロを認識します。

ライブラリを制御します

QMLCoreには、画像、テキスト、長方形、モデルビューデレゲートクラスの最小限のプラットフォームコントロールが含まれています。有用かもしれないさまざまなコントロールは、別のリポジトリにあります。 git clone [email protected]:pureqml/controls.gitを介してそれをクローンするだけです。それだけです！

QMLの違い

文法

各ステートメントの後にセミコロンが必要です。これは将来変更される可能性があります。

集中

元のQMLとの最大の矛盾は、フォーカスがどのように実装されるかです。私たちはどこにでも「常に一貫性のある」焦点を合わせることを目指しています。すべてのフォーカス可能なコンポーネントをfocus: true;財産、そして残りは微調整せずに機能するはずです。フォーカスを簡単に処理するために、いくつかの便利なプロパティを提供します。

• ActiveFocus - このアイテムには現在のフォーカスがあり、最初にユーザー入力を取得しました
• 焦点 - このアイテムは親に現在焦点を当てていますが、必ずしもグローバルに焦点を合わせているわけではありません

ランダムなカスタマイズノート

Modernizr機能の追加

次のコマンドを使用して、カスタムModernizrビルドページを取得してくださいhead -n2 dist/modernizr-custom.js | tail -n1またはModernizr -Custom.jsファイルの2行目

ありがとう

Modernizrプロジェクト

Modernizrは、HTML、CSS、およびJavaScriptがユーザーのブラウザが提供するものの機能を説明します。 https://modernizr.com/

SDLゲームコントローラーデータベース

ゲームコントローラーマッピングのコミュニティソースデータベースhttps://github.com/gabomdq/sdl_gamecontrollerdb

Apache Cordovaプロジェクト

Apache Cordovaは、オープンソースのモバイル開発フレームワークです。クロスプラットフォーム開発のために、標準のWebテクノロジー（HTML5、CSS3、およびJavaScriptを使用できます。 https://cordova.apache.org