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