blackberry-10 - 別のqmlファイルで定義されたTabbedPaneにページまたはナビゲーションペインをアタッチする方法は?

Question

以下のように TabbedPane を定義しましたが、各タブに 1 つずつ、コードを 1 つのファイルに埋め込むのではなく、コンテンツ "questions.qml" (ナビゲーション ペインです) と "stats.qml" ファイルを表示したいと考えていました。どうすればそれを達成できますか？

TabbedPane {
    showTabsOnActionBar: true
    Tab {
        id: questions
        title: "Questions"
        description: "This tab will have questions in current hub"
    }
    Tab {
        id: stats
        title: "Stats"
    }
}

Answer 1

その場合に私が行ったことは、次のように、TabbedPane を設定する QML ファイル内の各タブを宣言することです。

import "UI" // The file DataManagement.qml is located in the directory UI
            // which is a sub-directory of the location of this QML file.
...
Tab {
    title: qsTr("Data Management")
    imageSource: "asset:///images/icons/database.png"
    id: dataManagement
    DataManagement {
        id: dataManagementPage
    }
}
...

次に、別の QML ファイル (この場合は DataManagement.qml) で、タブのコンテンツを宣言します。

import bb.cascades 1.0

Page {
    // content of page to render in the tab.
    content: Container {
         ...
    }
}

QML ファイルが同じディレクトリにある限り、または参照ファイル (DataManagement.qml) が最初の QML ファイルに含まれるディレクトリにある限り、機能します。