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)
        } 
    } 
}
posted @ 2015-06-29 13:25  xwq--  阅读(3356)  评论(1编辑  收藏  举报