Move rectangle with arrow keys

[neda]

How would I use the arrow keys to move rectangle?

Rectangle {
        id:point
        anchors.centerIn: parent
        width: 20
        height: 20
 
        opacity: 0.2
 
        MouseArea {
            anchors.fill: parent
            drag.target: root
            onPositionChanged: {
                if(drag.active) {
                    dragged()
                }
            }           
        }
        Keys.onPressed: {
               if (event.key == Qt.Key_Left) {
                    console.log("move left");
                    event.accepted = true;
                    point.x-=1;
                }
            }
    }

Rectangle {
        id:point
        anchors.centerIn: parent
        width: 20
        height: 20

        opacity: 0.2

        MouseArea {
            anchors.fill: parent
            drag.target: root
            onPositionChanged: {
                if(drag.active) {
                    dragged()
                }
            }           
        }
        Keys.onPressed: {
               if (event.key == Qt.Key_Left) {
                    console.log("move left");
                    event.accepted = true;
                    point.x-=1;
                }
            }
    }

To copy to clipboard, switch view to plain text mode 

[anda_skoa]

Looks ok, what doesn't work?
Is the onPressed() called but it doesn't move?

Cheers,
_

[neda]

Looks ok, what doesn't work?
Is the onPressed() called but it doesn't move?

_

Yes, it does not work. I put my project in this link

[anda_skoa]

Yes

Actually no, Keys.onPressed() is never called. But fortunately you provided the code so I could see for myself.

1) You need to activate the focus in MouseArea.onPressed
2) You need to activate the focus by calling point.forceActiveFocus()

Cheers,
_

[neda]

Actually no, Keys.onPressed() is never called. But fortunately you provided the code so I could see for myself.

1) You need to activate the focus in MouseArea.onPressed
2) You need to activate the focus by calling point.forceActiveFocus()

_

Thank you so much dear friend.