Question

我已经定义了一个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"
    }
}

Answer 1

在这种情况下，我所做的是声明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文件中包含的目录中，就可以使用。

如何在不同的qml文件中定义的TabbedPane中附加页面或导航窗格？

1 个答案: