QML:通过拖动移动无框窗口

时间:2016-11-21 11:47:18

标签: qml drag mousemove

我有一个无框的QQuickWindow,我想通过拖动鼠标来移动它。在尝试我的大应用程序之前,我已经创建了一个简单的测试应用程序来尝试我在这里找到的东西,使用C ++类中的游标位置来避免QML的问题: http://www.tickanswer.com/solved/5390888353/dragging-frameless-window-jiggles-in-qml

但我没有使用下面的代码。当我按下红色RECT并移动鼠标时,我的黄色矩形(根RECT)移动,但仅在其原始尺寸内(在这种情况下,500x500)...我做错了什么?

提前致谢

在我的main.cpp中:

int main(int argc, char *argv[])
{   
    QtQuickControlsApplication a(argc, argv);

    QQuickView* pView = new QQuickView();

    CursorPosProvider mousePosProvider;
    pView->rootContext()->setContextProperty("mousePosition", &mousePosProvider);
    pView->setSource(QUrl("qrc:/Test.qml"));
    pView->setFlags(Qt::FramelessWindowHint);
    pView->show();

    return a.exec();
}

Test.qml:

import QtQuick 2.0

Rectangle {
    id: myWindow
    width: 500; height: 500
    color: "yellow"

    Rectangle {
        anchors.centerIn: parent
        width: 200; height: 200

        color: "red"

        MouseArea {
            id: titleBarMouseRegion
            property var clickPos
            anchors.fill: parent

            onPressed:  clickPos = { x: mousePosition.cursorPos().x, y: mousePosition.cursorPos().y }

            onPositionChanged: {
                myWindow.x = mousePosition.cursorPos().x - clickPos.x
                myWindow.y = mousePosition.cursorPos().y - clickPos.y
            }
        }
    }
}

cursorprovider.h:

#ifndef CURSORPOSPROVIDER_H
#define CURSORPOSPROVIDER_H

#include <QObject>
#include <QPointF>
#include <QCursor>

class CursorPosProvider : public QObject
{
    Q_OBJECT
public:
    explicit CursorPosProvider(QObject *parent = nullptr) : QObject(parent)
    {
    }
    virtual ~CursorPosProvider() = default;

    Q_INVOKABLE QPointF cursorPos()
    {
        return QCursor::pos();
    }
};

#endif // CURSORPOSPROVIDER_H

2 个答案:

答案 0 :(得分:2)

我写了这个例子,我看到没有抖动(在Linux上运行)

ApplicationWindow {
    id: iWindow
    visible: true
    title: "My title"
    color: "gray"
    width: 500
    height: 500

    MouseArea{
        id: iMouseArea
        property int prevX: 0
        property int prevY: 0
        anchors.fill: parent
        onPressed: {prevX=mouse.x; prevY=mouse.y}
        onPositionChanged:{
            var deltaX = mouse.x - prevX;
            iWindow.x += deltaX;
            prevX = mouse.x - deltaX;

            var deltaY = mouse.y - prevY
            iWindow.y += deltaY;
            prevY = mouse.y - deltaY;
        }
    }

}

答案 1 :(得分:0)

我已经改变了结构,我已经使用了一个带有QML的QQuickWidget,现在我拥有了我想要的东西。这是我的代码,以防任何人需要类似的东西

的main.cpp

...
MovableWidget *view = new MovableWidget;
view->setSource(QUrl("qrc:/Test.qml"));
view->setWindowFlags(Qt::FramelessWindowHint);
view->show();
...

Test.qml

import QtQuick 2.0

Rectangle {
    id: myWindow
    width: 500; height: 500
    color: "yellow"

    Rectangle {
        anchors.centerIn: parent
        width: 200; height: 200

        color: "red"
    }
}

MovableWidget.cpp

#include "movableWidget.h"

#include <QMouseEvent>

// ****************************************************************************
MovableWidget::MovableWidget(QWidget *parent)
    : QQuickWidget(parent),
    m_previousPos(0,0)
{
    installEventFilter(this);
}

// ****************************************************************************
bool MovableWidget::eventFilter(QObject *obj, QEvent *event)
{
    if (event->type() == QEvent::MouseButtonPress)
    {
         m_previousPos = QCursor:os();
    }
    else if (event->type() == QEvent::MouseMove)
    {
         QMouseEvent *mouseEvent = static_cast<QMouseEvent*>(event);

         if(mouseEvent->buttons() == Qt::LeftButton)
         {
             QPoint offset = m_previousPos - QCursor:os();
             m_previousPos = QCursor:os();
             move(pos() - offset);
        }
    }

    return false;
}