《Qt Quick 4小时入门》学习笔记4

Posted 勇往直前

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了《Qt Quick 4小时入门》学习笔记4相关的知识,希望对你有一定的参考价值。


Qt Quick 4小时入门
第七章:处理鼠标与键盘事件

1、处理鼠标事件
鼠标信号传递一个MouseEvent类型的mouse参数

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
import QtQuick.Window 2.0

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    // 处理鼠标事件示例
    MouseArea {
        anchors.fill: parent; // 在哪个区域之内接收鼠标事件
        acceptedButtons: Qt.LeftButton | Qt.RightButton; // 鼠标的左键和右键事件
        onClicked: {
            if (mouse.button == Qt.LeftButton) {
                txt.text = "您点击了左键。";
            } else if (mouse.button == Qt.RightButton) {
                txt.text = "您点击了右键。";
            }
        }

        onDoubleClicked: {
            if (mouse.button == Qt.LeftButton) {
                txt.text = "您双击了左键。";
            } else if (mouse.button == Qt.RightButton) {
                txt.text = "您双击了右键。";
            }
        }
    }
}

2、处理键盘事件

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
import QtQuick.Window 2.0

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    // 处理键盘事件示例
    Text {
        id: txt;
        text: "齐天大圣";
        width: 60*8;
        font.pointSize: 50;
        x: 100;
        y: 200;
        //anchors.centerIn: parent; // 如果执行下面的代码改变文本的位置,那么不能使用锚布局
        // Window对象不能处理按键事件,需要放到一个Item对象里
        Keys.onLeftPressed: x -= 10;
        Keys.onRightPressed: x += 10;
        Keys.onUpPressed: y -= 10;
        Keys.onDownPressed: y += 10;
        focus: true; // 只有拥有焦点的Item才能处理按键事件
    }
}

Keys是一个附加属性
QML中的属性就是C++中的成员变量。

属性的类型:
(1)基本类型
(2)id属性:可以在其他对象或脚本中通过id引用本对象
(3)列表属性
(4)信号处理器
(5)分组属性:
Text {
    font { pixelSize: 12; bold: true; }
}
(6)附加属性




以上是关于《Qt Quick 4小时入门》学习笔记4的主要内容,如果未能解决你的问题,请参考以下文章

26.Qt Quick QML-RotationAnimationPathAnimationSmoothedAnimationBehaviorPauseAnimationSequential(代码片段

AngularJS入门学习笔记一

QT学习笔记—— 4行代码实现音乐播放器

QT Quick QML 实例之虚拟操作杆

QT Quick QML 实例之虚拟操作杆

Qt Quick开发教程4-QML拖放