qml实现窗口拖动
在去掉窗口标题栏后窗口会失去鼠标拖动效果,所以需要自己添加拖动效果。
实现代码:
ApplicationWindow { id: mainWindow visible: true width: 900 height: 600 title: qsTr("Hello World") flags: Qt.Window | Qt.FramelessWindowHint //去标题栏 property int mainWindowX //用来存储主窗口x坐标 property int mainWindowY //存储窗口y坐标 property int xMouse //存储鼠标x坐标 property int yMouse //存储鼠标y坐标 MouseArea { //为窗口添加鼠标事件 anchors.fill: parent acceptedButtons: Qt.LeftButton //只处理鼠标左键 onPressed: { //接收鼠标按下事件 xMouse = mouseX yMouse = mouseY mainWindowX = mainWindow.x mainWindowY = mainWindow.y } onPositionChanged: { //鼠标按下后改变位置 mainWindow.x = mainWindowX + (mouseX - xMouse) mainWindow.y = mainWindowX + (mouseY - yMouse) } } }
解析:
在鼠标被按下后将当前的窗口坐标和鼠标当前坐标保存,带鼠标在按下左键后进行移动时,首先用mouseX – xMouse和mouseY – yMouse计算出鼠标在x轴和y轴所移动的距离,然后将鼠标移动的距离与主窗口的x,y坐标相加得出窗口的变换坐标,然后设置主窗口的坐标令其改变位置。
使用上述方法虽然能实现窗口的拖动,但是效果却不佳,在用鼠标进行拖动的时候窗口的移动会出现延迟和卡顿的现象,所以建议使用下面这种方法:
ApplicationWindow { id: mainWindow visible: true width: 900 height: 600 title: qsTr("Hello World") flags: Qt.Window | Qt.FramelessWindowHint //去标题栏 MouseArea { //为窗口添加鼠标事件 anchors.fill: parent acceptedButtons: Qt.LeftButton //只处理鼠标左键 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) } } }