UIコンポーネントの使用

方法UIコンポーネントの使用

コンポーネントは、1つのファイル（ファイル拡張子はui.qml または.qml ）内で指定されます。た と えば、 Button コ ン ポーネ ン ト はButton.ui.qml で定義 さ れます。通常、コンポーネントの外観はUI ファイル(ui.qml) で定義されます。コンポーネントファイルを作成するには、ウィザードテンプレートを使用するか、コンポーネントのインスタンスを個別のコンポーネントファイルに移動します。

Component ビューには、利用可能なコンポーネントが一覧表示されます。

Components には、プロジェクトにインポートした Qt モジュールの QML タイプが表示されます。モジュールには、基本図形や UI コントロールなどのビジュアルコンポーネントが含まれ、プロジェクトに機能を追加します。

UI コントロールは、macOS、Windows、Android、iOS など、特定のオペレーティングシステムのルック＆フィールにスタイル設定できます。

目に見えるコンポーネントを持たないモジュールもあります。例えば、Qt.Multimedia モジュールは、オーディオファイルとビデオファイルのサポートをUIに追加します。

独自のコンポーネントを作成する方法については、カスタムコンポーネントを作成するを参照してください。

コンポーネントID

各コンポーネントとコンポーネントの各インスタンスには、それを一意に識別し、他のコンポーネントのプロパティをそれにバインドできるようにするIDがあります。IDは一意でなければならず、小文字またはアンダースコア文字で始まり、文字、数字、アンダースコア文字のみを含むことができます。

詳細については、id属性を参照してください。

コンポーネントを経済的に使用する

コンポーネントにはパフォーマンス・コストが伴います。コンポーネントを効率的かつ経済的に使用するには

• リソースを再利用可能なコンポーネントにパッケージングしてデザインをコンポーネント化し、UIのニーズに合わせて簡単に組み替えることができます。
• コンポーネントは必要最小限に。コンポーネントの数を最小限に抑えるには、エイリアス・プロパティと ステートを使用して、コンポーネント・インスタンスの違いを作成します。コンポーネントを複製するのではなく、再利用することをお勧めします。そうすれば、コンポーネントをまったく新しいコンポーネント・タイプとして処理する必要がなくなります。こうすることで、ロードとコンパイルの時間が短縮され、バイナリのサイズも小さくなります。
• データ駆動型のコンテンツは、関連するコンポーネントのパブリック・プロパティ（エイリアス・プロパティ）としてエクスポートする必要があります。例えば、スピードメーターは、UIがバインドされるスピードのint またはreal プロパティを持つべきです。
• UIをアプリケーション・ロジックから分離する。デザイナーはUIファイル(.ui.qml)で作業し、開発者は対応する実装ファイル(.qml)でプログラム的な動作やJavaScriptを定義します。これにより、互いの作業を上書きするリスクなしに、設計側と開発側の両方から反復作業を行うことができます。