当前位置：首页 > news >正文

qml去掉标题栏后实现窗口拖动

news 来源：原创 2024/5/20 10:33:33

在去掉窗口标题栏后窗口会失去鼠标拖动效果，所以需要自己添加拖动效果。

实现代码：

 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)
        } 
    } 
}