【QML学习】键盘控制移动缩放

原创已于 2023-03-07 21:56:01 修改 · 365 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#qt #QML #键盘移动缩放

收录于

于 2023-03-06 23:15:55 首次发布

Qt 专栏收录该内容

9 篇文章

订阅专栏

该代码示例展示了如何在QtQuick环境中通过键盘的上下左右箭头控制一个绿色矩形移动，以及使用+和-键调整矩形的大小。当按下左、右、上、下箭头时，矩形会在对应方向上平移；按下+键矩形会放大，按下-键则缩小。

功能：

通过上下左右箭头控制物体移动，按键“+”使物体变大，按键“-”使物体变小。

效果演示

在这里插入图片描述

代码如下

import QtQuick

Rectangle {
    width:300
    height:300
    Rectangle{
        id:square
        width:50
        height: 50
        color:'green'
        border.color: Qt.lighter(color)
    }

    focus:true
    Keys.onLeftPressed: square.x-=8
    Keys.onRightPressed: square.x+=8
    Keys.onUpPressed: square.y-=8
    Keys.onDownPressed: square.y+=8
    Keys.onPressed:function (event){
        switch(event.key){
        case Qt.Key_Plus:
            square.scale+=0.2
            break
        case Qt.Key_Minus:
            square.scale-=0.2
            break;
        }
    }
}