停靠在 QtQuick [关闭]答案

【问题标题】：Docking in QtQuick [closed]停靠在 QtQuick [关闭]
【发布时间】：2017-01-05 17:02:22
【问题描述】：

据我了解，QtQuick 中没有可停靠容器的内置功能。我找到了一些添加它的来源，但是我无法决定采用哪种方式。

https://developer.blackberry.com/native/documentation/dev/custom_components/index.html

How to get a QMainWindow from ApplicationWindow QML file to allow use of QDockWidget with QML files

有人可以推荐一种方法（或者最好是一个库）来向 QtQuick 添加停靠吗？

【问题讨论】：

暂时什么都没有，不过DIY也没那么难。
我猜“没那么难”在旁观者的眼中，因为我对此很陌生。你有一个如何实现这个的指针吗？重新设置新窗口是否是实现“未停靠”状态的可行方法？
是的，如果您愿意选择多窗口。你也可以在当前窗口中有一个浮动元素。

标签： qt qml qtquick2

【解决方案1】：

我找到了一个适用于多个窗口的解决方案，将小部件从主窗口（停靠状态）移动到新窗口（未停靠状态）。

希望这对其他人有用这里是一个完整的例子：

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
import QtQuick.Window 2.2

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Window {
        width: 100;
        height: 100;
        visible: false;
        id: wnd

        Rectangle {
            id: greenRect
            anchors.fill: parent
        }

        onClosing: {
            blueRect.state = "docked"
        }

    }

    Item {
        width: 200; height: 100

        Rectangle {
            id: redRect
            anchors.fill: parent
        }

        Rectangle {
            id: blueRect
            width: 50; height: 50
            x: 10; y: 10;
            color: "blue"

            states: [
                State {
                    name: "undocked"
                    ParentChange { target: blueRect; parent: greenRect; x: 10; y: 10 }
                },
                State {
                    name: "docked"
                    ParentChange { target: blueRect; parent: redRect; x: 10; y: 10 }
                }
            ]

            MouseArea {
                anchors.fill: parent;
                onClicked: {
                    blueRect.state = "undocked"
                    wnd.visible = true
                }
            }
        }
    }
}

【讨论】：