[QML] MouseArea / 마우스 이벤트

폴더 구조

├ ─QML/

│       ├ ─ qml/

│               └ view.qml

└ main.py

# main.py

import sys

from PySide6.QtCore import QUrl
from PySide6.QtGui import QGuiApplication
from PySide6.QtQml import QQmlApplicationEngine

if __name__ == "__main__":
    app = QGuiApplication(sys.argv)
    engine = QQmlApplicationEngine()
    engine.load(QUrl("qml/view.qml"))

    if not engine.rootObjects():
        sys.exit(-1)

    sys.exit(app.exec())

 

 

// view.qml

import QtQuick 2.9
import QtQuick.Controls 2.9

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    
    property int rectX : 0
    property int rectY : 0

    Rectangle{
        id : rect
        x : rectX
        y : rectY
        width : 15
        height : 15
        color : "lightcoral"
    }

    MouseArea {
        anchors.fill: parent
        hoverEnabled: true
        // 마우스 움직임
        onPositionChanged: {
            rectX = mouseX - rect.width/2
            rectY = mouseY - rect.height/2
        }
    }
}