2

我已经定义了一个 TabbedPane 如下,但每个选项卡一个,我想显示内容“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"
    }
}
4

1 回答 1

3

在这种情况下,我所做的是在 QML 文件中声明每个选项卡以设置 TabbedPane,就像您所做的那样:

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 文件中包含的目录中,它就可以工作。

于 2013-01-23T14:39:30.543 回答