从普通的 QML Window 类生成 QtQuick UI 文件

Question

如何从普通 QML 窗口显示 QtQuick UI 文件集（ui.qml 和 .qml）？

要显示来自我的父 Window 类的其他 QML 窗口，调用大致是：

                var component = Qt.createComponent("SubWindow.qml")
                var window    = component.createObject(window)
                window.show()

我已经尝试调用 QtQuickUISubwindow.ui.qml 和 QtQuickUISubwindow.qml，但都不起作用。

QtQuickUI 文件不应该是子窗口吗？

Answer 1

Window 和 ApplicationWindow 不属于 Item（或 QQuickItem）类型。然而，这是作为.ui.qml-file 中的根项目作为stated in the documentation 放置的要求：

不支持以下功能：

• [...]
• 不是从 QQuickItem 或 Item 派生的根项目

所以答案是：

不，您不能将 QtQuickUI 文件用作窗口或子窗口。

---

您可以在子窗口中轻松使用它们

// main.qml

Window {
    id: root
    width: 800
    height: 600
    visible: true
    Loader { // creates my sub window without JS
        id: winLoader
        active: false // Change to create the window.
        sourceComponent: Window {
            width: srcLoader.item ? srcLoader.item.width : 0
            height: srcLoader.item ? srcLoader.item.height : 0
            visible: srcLoader.item
            Loader {
                id: srcLoader
                source: "QtQuickUISubwindow.ui.qml" // Your ui.qml-file *here*
                active: true
            }
            onClosing: winLoader.active = false
        }
    }
    Button {
        text: "Show sub window!"
        onClicked: winLoader.active = true
    }
}

此代码未经我测试。等我可以访问 Qt 机器后，也许我会这样做。如何使用中继器和ListModel 初始化多个窗口，您可以在此处找到：https://stackoverflow.com/a/47018205/2056452

您可以将srcLoader 的source 传递给模型，如果您想打开多个不同的窗口，可以从那里读取它。

---

您可以修改QtQuickUISubwindow.qml 文件并添加适当大小的Window 或ApplicationWindow 作为根元素。然后，您可以像以前一样使用 JS 创建所有内容 - 并希望垃圾收集器运行良好。