QML实现窗口Dock（窗口停靠），Dock窗口的行为参考VS2013，请问如何实现？

Question

QML实现子页面的拖动和Dock（停靠）

Qt5.7 Widget中有QDockWidget窗口，这类窗口可以在界面中拖动，当拖动到边缘时会变成Dock窗口停靠在界面上，其他窗口会自动调整大小。窗口未拖动到边缘时以浮动窗口的形式存在。但是我在QML中没有找到相应的控件，请问大侠们，如何利用QML实现Dock窗口，或者有没有方案可以利用QML实现类似VS2013的Dock窗口布局形式。

Answer 1

import QtQuick 2.0
Rectangle {
width: 300
height: 200
//灰色0.9透明度
color:Qt.rgba(0.5,0.5,0.5,0.9)
MouseArea {
id: dragRegion
anchors.fill: parent
property point clickPos: "0,0"
onPressed: {
clickPos = Qt.point(mouse.x,mouse.y)
}
onPositionChanged: {
//鼠标偏移量
var delta = Qt.point(mouse.x-clickPos.x, mouse.y-clickPos.y)
//如果mainwindow继承自QWidget,用setPos
mainwindow.setX(mainwindow.x+delta.x)
mainwindow.setY(mainwindow.y+delta.y)
}
}
//要置于MouseArea之后，否则无法响应鼠标点击
Rectangle{
id:closeBtn
height: 25
width: 25
anchors.right: parent.right
anchors.rightMargin: 5
anchors.top: parent.top
anchors.topMargin: 5
color:"#aaff0000"
Text{
text:"x"
anchors.centerIn: parent
}
MouseArea{
anchors.fill: parent
onClicked:
{
//Qt.quit()无法关闭窗口
mainwindow.close()
}
}
}
}