qml彈出window對話框的方式

//Sub1Window.qml
import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    visible: true
    id: windowView
    width: 200
    height: 200
    modality: Qt.WindowModal
    flags: Qt.FramelessWindowHint
    color: "green"

    property string strText: ""
    property string strColor: ""

    Rectangle {
        anchors.centerIn: parent
        Text {
            id: name
            anchors.fill: parent
            text: strText
            color: strColor
        }
    }

    MouseArea{//關閉按鈕
        id: closeBtn
        z: 1
        width: 16
        height: 16
        hoverEnabled: true
        cursorShape: Qt.PointingHandCursor
        anchors.right: parent.right
        anchors.rightMargin: 10
        anchors.top: parent.top
        anchors.topMargin: 6

        Text {
            font.pixelSize: 18
            font.bold: true
            color: parent.containsMouse ? "red" : "#000000"
            text: qsTr("×")
        }

        onClicked: {
            windowView.close();
        }
    }




}
           

//Sub2Window.qml
import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    visible: true
    id: windowView
    width: 200
    height: 200
    modality: Qt.WindowModal
    flags: Qt.FramelessWindowHint
    color: "blue"

    property string strText: ""
    property string strColor: ""

    Rectangle {
        anchors.centerIn: parent
        Text {
            id: name
            anchors.fill: parent
            text: strText
            color: strColor
        }
    }

    MouseArea{//關閉按鈕
        id: closeBtn
        z: 1
        width: 16
        height: 16
        hoverEnabled: true
        cursorShape: Qt.PointingHandCursor
        anchors.right: parent.right
        anchors.rightMargin: 10
        anchors.top: parent.top
        anchors.topMargin: 6

        Text {
            font.pixelSize: 18
            font.bold: true
            color: parent.containsMouse ? "red" : "#000000"
            text: qsTr("×")
        }

        onClicked: {
            windowView.close();
        }
    }
}
           

//main.qml
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12

Window {
    id: mainWindow
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Loader {
        id: loadWindow
        anchors.top: parent.top
        anchors.topMargin: 100
        anchors.right: parent.right
        anchors.rightMargin: 50
        onLoaded: {
                    console.log("Sub2Winidow.qml============onLoaded============")
                }
    }

    Rectangle {
        width: 400
        height: 50
        anchors.top: parent.top
        anchors.topMargin: 20
        anchors.left: parent.left
        anchors.leftMargin: 50
        Row {
            spacing: 5

            anchors.fill: parent
            Button {
                text: qsTr("button1")
                onClicked: {
                    console.log("=============================Qt.createComponent")
                    var component = Qt.createComponent("qrc:/Sub1Window.qml");
                    if (component.status === Component.Ready){
                        var subParams = {
                            "strText":  qsTr("建立對象"),
                            "strColor": "red"
                        }
                        var sub1Popup = component.createObject(mainWindow, subParams);
                        sub1Popup.show();
                    }
                }
            }
            Button {
                text: qsTr("button2")
                onClicked: {
                    console.log("=============================load Sub2Window====")
                    var sub2Params = {
                        "strText":  qsTr("Loader對象"),
                        "strColor": "red"
                    }
                    loadWindow.setSource("qrc:/Sub2Window.qml", sub2Params)
                    loadWindow.item.show()
                }
            }
            Button {
                text: qsTr("button3")
                onClicked: {
                    console.log("=============================positionViewAtIndex")
                }
            }
        }


    }



}