【QML COOK】- 008-自定义属性

前面介绍了用C++定义QML类型,通常在使用Qt Quick开发项目时,C++定义后端数据类型,前端则完全使用QML实现。而QML类型或Qt Quick中的类型时不免需要为对象增加一些属性,本篇就来介绍如何自定义属性。

  1. 创建项目,并编辑Main.qml
javascript 复制代码
import QtQuick

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

    MouseArea {
        anchors.fill: parent
        onClicked: {
            sender.aInt += 1
        }
    }

    Item {
        id: sender
        property int aInt

        onAIntChanged:() =>  {
                        console.log("Sender Now aInt is :", aInt)
                     }
    }

    Item {
        id: receiver

        Connections {
            target: sender
            function onAIntChanged(message : string) {
               console.log("Receiver Now aInt is :", sender.aInt)
            }
        }
    }
}
  • 在sender对象中通过关键字property创建了一个int类型的aInt属性
  • 定义属性后QML会自动定义一个槽名为onXXXXChanged。因此结合上篇介绍的槽的相关内容,我们就可以在本对象和其他对象中监控自定义属性的变化了
  1. 执行程序

在窗口中点击鼠标便可以在Qt Creator中看到如下Log了

相关推荐
嘤国大力士5 小时前
C++11&QT复习 (七)
java·c++·qt
嘤国大力士6 小时前
C++11&QT复习 (十一)
开发语言·c++·qt
wkm9566 小时前
qt.qpa.xcb: could not connect to display解决方法
开发语言·qt·ubuntu
追烽少年x9 小时前
在Qt中直接在构建目录下直接运行.exe文件报错问题分析
qt
AAA废品回收站陈师傅13 小时前
19信号和槽_信号和槽的基本概念
qt
爱吃巧克力的程序媛13 小时前
在 Qt 创建项目时,Qt Quick Application (Compat) 和 Qt Quick Application
开发语言·qt
AAA废品回收站陈师傅14 小时前
18认识Qt坐标系
qt
m0_5557629014 小时前
QT 动态布局实现(待完善)
服务器·数据库·qt
genispan14 小时前
QT/C++ 多线程并发下载实践
开发语言·c++·qt
努力搬砖的咸鱼15 小时前
Qt中的数据解析--XML与JSON处理全攻略
xml·开发语言·qt·json