QML按键

1、普通用法

import QtQuick 2.9

import QtQuick.Window 2.2

import QtQuick.Controls 2.2

ApplicationWindow {

    visible: true

    width: 640

    height: 480

    Rectangle {

        id: rect1

        x:20

        y:0

        width: 40

        height: 40

        color: "teal"

        scale: focus? 1:0.8

        focus: true

        Keys.onUpPressed: rect1.y -= 1//按键按下改变位置

        Keys.onDownPressed: rect1.y += 1

        Keys.onLeftPressed: rect1.x -= 1

        Keys.onRightPressed: rect1.x += 1

        KeyNavigation.tab: rect2//tab切换焦点到对应的id

    }

    Rectangle {

        id: rect2

        x:20

        y:50

        width: 40

        height: 40

        color: "teal"

        scale: focus? 1:0.8

        focus: false

        Keys.onUpPressed: rect2.y -= 1

        Keys.onDownPressed: rect2.y += 1

        Keys.onLeftPressed: rect2.x -= 1

        Keys.onRightPressed: rect2.x += 1

        KeyNavigation.tab: rect1

    }

}

效果：