【QML COOK】- 006-用C++定义一个QML元素类型

Qt原本是一个C++图形框架,因此QML也少不了C++。QML通常只负责显示,而后台逻辑由C++实现,因此掌握C++和QML之间的交互非常必要。

本例实现一个最简单的例子,用C++定义一个QML的元素类型并在QML使用它。

需求是在窗口上显示鼠标点击的次数。用C++定义了一个Counter的QML元素类型来实现计数。

1. 创建C++类

选择【C++】 -> 【C++ Class】

起个名字,并且选上【Include QObject】【Add Q_OBJECT】【Add QML_ELEMENT】

点击完成

稍微解释一下。

QML是一种声明语言,想用C++定义声明语言的类型,就必须让C++具备反射能力

什么是反射能力

举个最简单的例子,在声明语言中声明一个Counter类型的对象,解释器将代码读到内存后需要根据字符串“Counter”去创建一个Counter类型的C++对象。C++本身显然是不具备这种能力。因此Qt实现了一套让C++实现反射能力的框架。这个框架由一系列类、宏及编译命令配合完成的,因此在创建对象时要选择继承Object类并且添加【Q_OBJECT】【Q_ELEMENT】这两个宏。

2. 查看并修改CMakeList.txt

在CMakeList.txt文件中查找【qt_add_qml_module】,看它是不是如下

qt_add_qml_module(appQT_COOKURI QT_COOKVERSION 1.0QML_FILESMain.qmlSOURCEScounter.cpp counter.h
)

通常添加完C++类后,Qt Create会自动将CMakeList.txt修改为上面那样。如果没有请手动修正,即添加以下内容

    SOURCEScounter.cpp counter.h

这也是为了让C++实现反射能力的操作。

3. 编辑count.h

#ifndef COUNTER_H
#define COUNTER_H#include <QObject>
#include <QQmlEngine>class Counter : public QObject
{Q_OBJECTQML_ELEMENTQ_PROPERTY(int count READ Count WRITE SetCount NOTIFY CountChanged)
public:explicit Counter(QObject *parent = nullptr);void SetCount(const int& count);const int& Count() const;signals:void CountChanged();private:int m_count {0};
};#endif // COUNTER_H

解释一下重要的点

  • 创建的QML元素类型名,同C++名一致。
  • 创建的QML具备哪些属性由Q_PROPERTY声明
Q_PROPERTY(int count READ Count WRITE SetCount NOTIFY CountChanged)

该宏的使用方法可以自行查看Qt帮助文档,这里把使用到的参数介绍一下。

  • int是属性的类型
  • count是属性名称
  • READ Count是告诉QML的解析器调用Count这个方法来获取count的值
  • WRITE SetCount是告诉QML的解析器用SetCount这个方法来更新count的值
  • NOTIFY CountChanged是告诉QML的解析器当count的值发生变化时会发送CountChanged信号

4. 编辑counter.cpp

#include "counter.h"Counter::Counter(QObject *parent): QObject{parent}
{}void Counter::SetCount(const int& count)
{m_count = count;emit CountChanged();
}const int& Counter::Count() const
{return m_count;
}

主要是实现Q_PROPERTY提到的Count和SetCount方法。一定要在SetCount中发送CountChanged这个信号。

5. 编辑Main.qml

import QtQuick
import QT_COOKWindow {width: 640height: 480visible: truetitle: qsTr("Hello World")Counter {id: myCounter}MouseArea {anchors.fill: parentonClicked: myCounter.count += 1}Text {id: nametext: myCounter.countanchors.centerIn: parentfont.pointSize: 60}
}
  • import QT_COOK是为了引入Counter类型,因为在CMakeList.txt我们将URL设置成了QT_COOK,所以这里就要引入QT_COOK
  • 创建对象,这里可以理解让C++ 创建一个Counter类型的变量名为myCounter
    Counter {id: myCounter}
  • 在鼠标点击是让myCounter的count属性的值加1
    MouseArea {anchors.fill: parentonClicked: myCounter.count += 1}
  • 让myCounter的count属性的值在窗口中间显示
    Text {id: nametext: myCounter.countanchors.centerIn: parentfont.pointSize: 60}

这里要区分【绑定】和【赋值】两个概念。“text: myCounter.count”的意思是将【text】和【myCounter.count】进行绑定而不是赋值。也就是说【myCounter.count】的值发生变化后【text】的显示也跟着变化。

至于QML的内部实现,猜测是当SetCount方法里发射了信号CountChanged后,QML解析器收到这个信号,就会再次调用Count方法获取更新后的值,然后让text重新渲染。可以在SetCount和Count方法中打印Log验证一下我说的是否正确。或者在SetCount中不再发送信号看看text会不会自动更新

6. 运行程序

每点击一下鼠标数字就会加1

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/611791.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PowerDesigner简介以及简单使用

软件简介&#xff1a; PowerDesigner是Sybase公司开发的数据库设计工具&#xff0c;开发人员能搞利用PowerDesigner开发数据流程图、各数据模型如物理数据模型&#xff0c;可以分别从概念数据模型(Conceptual Data Model)和物理数据模型(Physical Data Model)两个层次对数据库…

尝试OmniverseFarm的最基础操作

目标 尝试OmniverseFarm的最基础操作。本地机器作为Queue和Agent&#xff0c;同时在本地提交任务。 主要参考了官方文档&#xff1a; Farm Queue — Omniverse Farm latest documentation Farm Agent — Omniverse Farm latest documentation Farm Examples — Omniverse Far…

MySQL高级

一、MySQL存储过程和函数 1.存储过程和函数的概念 存储过程和函数是 事先经过编译并存储在数据库中的一段 SQL 语句的集合 2.存储过程和函数的好处 存储过程和函数可以重复使用&#xff0c;减轻开发人员的工作量。类似于java中方法可以多次调用减少网络流量&#xff0c;存储…

【Verilog】期末复习——设计带异步清零且高电平有效的4位循环移位寄存器

系列文章 数值&#xff08;整数&#xff0c;实数&#xff0c;字符串&#xff09;与数据类型&#xff08;wire、reg、mem、parameter&#xff09; 运算符 数据流建模 行为级建模 结构化建模 组合电路的设计和时序电路的设计 有限状态机的定义和分类 期末复习——数字逻辑电路分…

虚幻UE 材质-纹理 1

本篇笔记主要讲两个纹理内的内容&#xff1a;渲染目标和媒体纹理 媒体纹理可以参考之前的笔记&#xff1a;虚幻UE 媒体播放器-视频转成材质-播放视频 所以本篇主要讲两个组件&#xff1a;场景捕获2D、场景捕获立方体 两个纹理&#xff1a;渲染目标、立方体渲染目标 三个功能&am…

jmeter分布式测试

场景&#xff1a;需求要求使用用大量的客户访问时&#xff0c;可以使用分布式来完成 分布式实现原理&#xff1a; 材料&#xff1a;一台控制机器&#xff0c;若干台代理机也叫执行机 运行时&#xff0c;控制机将脚本发送到代理机上-->代理机拿到就开始执行&#xff0c;不会…

论文阅读 BERT GPT - transformer在NLP领域的延伸

文章目录 不会写的很详细&#xff0c;只是为了帮助我理解在CV领域transformer的拓展1 摘要1.1 BERT - 核心1.2 GPT - 核心 2 模型架构2.1 概览 3 区别3.1 finetune和prompt 3.2 transformer及训练总结 不会写的很详细&#xff0c;只是为了帮助我理解在CV领域transformer的拓展 …

1.10 力扣回溯中等题

93. 复原 IP 地址 代码随想录 (programmercarl.com) 有效 IP 地址 正好由四个整数&#xff08;每个整数位于 0 到 255 之间组成&#xff0c;且不能含有前导 0&#xff09;&#xff0c;整数之间用 . 分隔。 例如&#xff1a;"0.1.2.201" 和 "192.168.1.1"…

Python exec 命令在函数内执行无效,已解决

看了很多文章&#xff0c;有很多介绍的很详细。但一直都不能正确使用&#xff0c;总是出现这样那样的问题。但学到了很多名词和描述。 继续和AI对话过程中&#xff0c;找到了解决方案。这里只针对个人问题做一个记录。 npz_data是一个字典&#xff0c; 方案2原因&#xff1a;由…

Java8新特性之函数式接口

JDK1.8 对函数式接口的描述 /*** An informative annotation type used to indicate that an interface* type declaration is intended to be a <i>functional interface</i> as* defined by the Java Language Specification.** Conceptually, a functional int…

面试专题一:js的数组

前言 想做最全的js数组方法总结。涵盖面试及日常使用。 这里写目录标题 前言如何判断数组修改数组元素的方法检测数组元素的相关方法一些跟数组相关且传参为回调函数的方法其他方法 总结 如何判断数组 不可以用typeOf方法。该方法只能用来检验最基本的数据类型&#xff0c;&…

构建安全可靠的系统:第十六章到第二十章

第四部分&#xff1a;维护系统 原文&#xff1a;Part IV. Maintaining Systems 译者&#xff1a;飞龙 协议&#xff1a;CC BY-NC-SA 4.0 准备应对不舒适情况的组织有更好的机会处理关键事件。 尽管不可能为可能扰乱您组织的每种情况制定计划&#xff0c;但作为综合灾难规划策略…

接口数据使用了 RSA 加密和签名?一篇文章带你了解

接口数据使用了RSA加密和签名&#xff1f;一篇文章带你搞定&#xff01; 1、前言 很多童鞋在工作中&#xff0c;会遇到一些接口使用RSA加密和签名来处理的请求参数&#xff0c;那么遇到这个问题的时候&#xff0c;第一时间当然是找开发要加解密的方法&#xff0c;但是开发给加…

并发编程之JUC并发工具类下

目录 CyclicBarrier&#xff08;回环栅栏或循环屏障&#xff09; 特点 常用方法 CyclicBarrier应用场景 CyclicBarrier与CountDownLatch区别 Exchanger 特点 常用方法 Exchanger的应用场景 Phaser&#xff08;阶段协同器&#xff09; 特点 常用方法 Phaser的应用场…

1991-2022年A股上市公司股价崩盘风险指标数据

1991-2022年A股上市公司股价崩盘风险指标数据 1、时间&#xff1a;1991-2022年 2、来源&#xff1a;整理自csmar 3、指标&#xff1a;证券代码、交易年度、NCSKEW(分市场等权平均法)、NCSKEW(分市场流通市值平均法)、NCSKEW(分市场总市值平均法)&#xff1b; NCSKEW(综合市…

MySQL中的临键锁:深入理解与案例解析

一、引言 在数据库中&#xff0c;锁是一种非常重要的机制&#xff0c;用于管理并发操作&#xff0c;确保数据的一致性和完整性。MySQL支持多种类型的锁&#xff0c;其中临键锁&#xff08;Next-Key Locking&#xff09;是一种非常重要的锁策略&#xff0c;它结合了行锁和间隙锁…

【Spring 篇】JdbcTemplate:轻松驾驭数据库的魔法工具

欢迎来到数据库的奇妙世界&#xff0c;在这里&#xff0c;我们将一同揭开Spring框架中JdbcTemplate的神秘面纱。JdbcTemplate是Spring提供的一个简化数据库操作的工具&#xff0c;它为我们提供了一种轻松驾驭数据库的魔法。本篇博客将详细解释JdbcTemplate的基本使用&#xff0…

我的 AI 成长星球,邀请你加入

大家好啊&#xff0c;我是董董灿。 2023年终总结时我这个小白坚持写作一整年&#xff0c;赚了多少&#xff1f;提到了一点&#xff0c;2024希望自己创建一个免费星球。 其实一直就想弄一个高质量的 AI 知识交流平台&#xff0c;方便大家一起交流和学习&#xff0c;同时提高对 …

调整Hive查询临时内存大小的方法

文章目录 前言设置Hive查询的临时内存大小1、Hive 执行引擎内存参数2. Tez 引擎内存参数3. MapReduce 引擎内存参数 查询默认内存大小 总结 前言 在Hive中&#xff0c;调整临时内存大小是优化查询性能的关键一步。通过合理配置相关参数&#xff0c;可以使查询在处理大数据集时…

我的年度总结(大一程序员的自述)

呀哈喽&#xff0c;我是结衣。 我也来参加这个年度总结的话题咯&#xff0c;喜欢的话可以点个赞哦。 作为一个大一新生&#xff0c;我从1级的编程小白到了现在的2级编程小白。在7月份之前我可以说是完全不了解编程的一位新人&#xff0c;对应电脑的了解也就只会打游戏看电视和浏…