如何从 QML 中创建新窗口？

发布于 2024-12-18 19:24:13 字数 417 浏览 6 评论 0原文

有没有办法创建一个全新的窗口实例，作为 QmlApplication 中主 QML 窗口的子窗口？

// ChildWindow.qml
Rectangle {
    id: childWindow
    width: 100
    height: 100
    // stuff
}

// main.qml
Rectangle {
    id: window
    width: 1000
    height: 600

    MouseArea {
        anchors.fill: parent
        onClicked: createAWindow(childWindow);
    }
}

我试图避免仅仅为了在新的 QmlApplicationViewer 中实例化新窗口而编写 Q_OBJECT 类。

原文

Is there a way to create a completely new window instance, as a child window of the main QML window in a QmlApplication?

// ChildWindow.qml
Rectangle {
    id: childWindow
    width: 100
    height: 100
    // stuff
}

// main.qml
Rectangle {
    id: window
    width: 1000
    height: 600

    MouseArea {
        anchors.fill: parent
        onClicked: createAWindow(childWindow);
    }
}

I am trying to avoid writing a Q_OBJECT class just for instanciating the new window within a new QmlApplicationViewer.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

缱倦旧时光 2024-12-25 19:24:13

您可以使用 Qt.createComponent 来完成此操作。示例（使用 Qt 5.3）：

main.qml

import QtQuick 2.3
import QtQuick.Controls 1.2

ApplicationWindow {
    id: root
    width: 200; height: 200
    visible: true

    Button {
        anchors.centerIn: parent
        text: qsTr("Click me")

        onClicked: {
            var component = Qt.createComponent("Child.qml")
            var window    = component.createObject(root)
            window.show()
        }
    }
}

Child.qml

import QtQuick 2.3
import QtQuick.Controls 1.2

ApplicationWindow {
    id: root
    width: 100; height: 100

    Text {
        anchors.centerIn: parent
        text: qsTr("Hello World.")
    }
}

You can do it by using Qt.createComponent. Example (using Qt 5.3):

main.qml

import QtQuick 2.3
import QtQuick.Controls 1.2

ApplicationWindow {
    id: root
    width: 200; height: 200
    visible: true

    Button {
        anchors.centerIn: parent
        text: qsTr("Click me")

        onClicked: {
            var component = Qt.createComponent("Child.qml")
            var window    = component.createObject(root)
            window.show()
        }
    }
}

Child.qml

import QtQuick 2.3
import QtQuick.Controls 1.2

ApplicationWindow {
    id: root
    width: 100; height: 100

    Text {
        anchors.centerIn: parent
        text: qsTr("Hello World.")
    }
}

回复收藏 0 原文

酸甜透明夹心 2024-12-25 19:24:13

仅使用内置 QML 功能无法创建顶级窗口。

然而，Qt Labs 上有一个名为桌面组件，其中包含窗口组件，其中允许您创建新的顶级窗口。

回复收藏 0 原文

始终不够爱げ你 2024-12-25 19:24:13

使用@Kknd 的方法，我们遇到了子窗口不响应鼠标事件的问题。我们使用的是 Qt 6.6.1。以下内容有效：

main.qml

ApplicationWindow {
    id: root
    width: 200; height: 200
    visible: true

    Button {
        anchors.centerIn: parent
        text: qsTr("Click me")

        onClicked: {
            var window = child_window_comp.createObject(root)
            window.show()
        }
    }
    
    Component {
        id: child_window_comp
        Child {
        }
    }
}

Child.qml

import QtQuick
import QtQuick.Controls

ApplicationWindow {
    id: root
    width: 100; height: 100

    Text {
        anchors.centerIn: parent
        text: qsTr("Hello World.")
    }
}

With @Kknd's approach we had a problem that child window didn't respond to mouse events. We are using Qt 6.6.1. The following worked:

main.qml

ApplicationWindow {
    id: root
    width: 200; height: 200
    visible: true

    Button {
        anchors.centerIn: parent
        text: qsTr("Click me")

        onClicked: {
            var window = child_window_comp.createObject(root)
            window.show()
        }
    }
    
    Component {
        id: child_window_comp
        Child {
        }
    }
}

Child.qml

import QtQuick
import QtQuick.Controls

ApplicationWindow {
    id: root
    width: 100; height: 100

    Text {
        anchors.centerIn: parent
        text: qsTr("Hello World.")
    }
}

回复收藏 0 原文

~没有更多了~