QMLの基礎 - QMLファイルのインクルードのソースを表示

== 概要 ==

<br><br>

== 最も簡単な方法 ==
MyText.qmlファイルにコンポーネントが記述されているとする。<br>
<br>
MyText.qmlファイルがmain.qmlファイルと同階層にある場合、以下のように記述することにより、コンポーネントを直接読み込むことができる。<br>
<u>この時、読み込まれるQMLファイル名は、大文字で始まる必要がある。</u><br>
 <syntaxhighlight lang="qml">
 // MyText.qml
 
 Text {
    text:"Hello, Scooby Doo!";
 }
 </syntaxhighlight>
<br>
 <syntaxhighlight lang="qml">
 // main.qml
 
 Rectangle {
    id: root
 
    MyText {
       text: "This is my custom text element"
    }
 }
 </syntaxhighlight>
<br>
MyText.qmlがMyComponentsサブディレクトリに存在する場合、例えば、サブディレクトリに存在する全てのカスタムコンポーネントをグループ化するためには、<br>
まず、MyComponentsサブディレクトリをインポートする必要がある。<br>
<br>
<u>上記と同様に、読み込まれるQMLファイル名は、大文字で始まる必要がある。</u><br>
 <syntaxhighlight lang="qml">
 // main.qml
 
 import "MyComponents"
 
 Rectangle {
    id: root
 
    MyText {
       text: "This is my custom text element"
    }
 }
 </syntaxhighlight>
<br>
Loaderを使用する方法よりも、上記の方法が最も簡単である。<br>
<br>
== Loaderを使用する方法 ==
例えば、以下のようなプロジェクトディレクトリの構造があるとする。<br>
 プロジェクトディレクトリ
 ↪  qmlディレクトリ
 　  ↪  main.qml
 　  ↪  mytext.qml
<br>
 <syntaxhighlight lang="qml">
 // mytext.qml
 
 Text {
    text:"Hello, Scooby Doo!";
 }
 </syntaxhighlight>
<br>
この時、main.qmlファイルにおいて、以下のようにmytext.qmlファイルを読み込む必要がある。<br>
 <syntaxhighlight lang="qml">
 // main.qml
 
 Rectangle {
 
    // ...略
 
    Loader {
       source:"mytext.qml";
    }
 
    // ...略
 }
 </syntaxhighlight>
<br><br>

== 備考 ==
インポートされたQMLファイルは、ファイル名と同じ名前（大文字で始まり、.qml接尾辞を除いたもの）の型を定義する。<br>
QMLでは、このような型を<u>再利用可能なコンポーネント</u>と呼ぶ。<br>
<br>
この型の名前を使用して、インポートしたQMLファイルの中のオブジェクトをインスタンス化する。<br>
<br>
C言語のインクルードのように、インクルードファイルのテキストがインクルードファイルに挿入されるわけではなく、<br>
Pythonのように、クラス名をインポートして、インポートされたファイルでそのクラスのオブジェクトをインスタンス化するようなものに近い。<br>
<br>
あるいは、JavaScriptのように、インポートされたファイルがプロトタイプのオブジェクトを作成して、それをプロトタイプとして継承している。<br>
ただし、ルートオブジェクトとコンポーネントのどのプロパティが表示されるかについては注意する必要がある。<br>
<br>
Cのインクルード、Pythonのインポート、JavaScriptの継承のように、インポートされたファイルの全てにアクセスできるわけではない。<br>
<br>
再利用可能なコンポーネントについては、Qtのドキュメントを参照すること。<br>
<br><br>

__FORCETOC__
[[カテゴリ:Qt]]