qml实现窗口拖动

时间:2023-03-10 05:25:08
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)
}
}
}