Qt C++属性类型提供给 QML调用（一）

概述

由于QML引擎与Qt元对象系统的紧密集成，任何由QObject派生出来的类其公有的接口或属性都可以从QML代码中轻松访问，并且改动的地方很少，就可以让C++代码定义的功能轻松扩展QML。

任何QML代码都可以访问QObject派生类的实例的以下成员：

属性
方法（用Q_INVOKABLE标记）
信号

另外，如果用Q_ENUMS声明了枚举，那么枚举也是可以直接调用的。
通常来说，QObject类派生于QML类型系统中，都可以从QML访问，但是如果要访问其他类型信息的方式使用某个类，例如，如果该类本身将用作方法参数或属性，那么该类需要注册才能使用，后期将会写相关的文章进行介绍。

Q_PROPERTY()

要想在 QML中调用到 C++的属性，就需要用到Q_PROPERTY宏，该宏就是将 C++属性暴露给QML 调用。
下面来看个简单示例：
首先新建一个类继承于 QObject

#include <QObject>

class Student : public QObject
{Q_OBJECTQ_PROPERTY(QString name READ getName WRITE setName NOTIFY sigNameChanged)
public:explicit Student(QObject *parent = nullptr);~Student(){}void setName(const QString & name){if(name != m_name){m_name = name;emit sigNameChanged(m_name);}}QString getName() const {return m_name;}
signals:void sigNameChanged(QString name);private:QString m_name;
};

该类中用Q_PROPERTY宏将 name 属性暴露出来供 QML 调用。

然后在 main 函数中进行上下文属性注册

int main(int argc, char *argv[])
{QGuiApplication app(argc, argv);QQmlApplicationEngine engine;Student student;engine.rootContext()->setContextProperty("student", &student);engine.load(QUrl(QStringLiteral("qrc:/main.qml")));if (engine.rootObjects().isEmpty())return -1;return app.exec();
}

然后在 QML 中进行调用

Window {visible: truewidth: 640height: 480Label{anchors.centerIn: parenttext: student.name}Connections{target: studentonSigNameChanged:{console.log("student name changed",name)}}Component.onCompleted: {student.name = "xiaoming"}
}

为了与QML实现最大的互操作性，任何可写的属性应该有一个关联的NOTIFY信号，每当属性值发生变化时就会发出。
在页面加载完成后Component.onCompleted中去修改 student 的属性，这时候会自动触发信号sigNameChanged，这里将信号连接起来，看看输出效果：

qml: student name changed xiaoming

这就从 QML 轻松的调用到了 C++ 中的属性。

本文就只介绍将简单的 C++系统属性提供给 QML 中调用，后期将介绍更多的类型提供给 QML 使用。
本文示例代码在这里，点击下载。

Qt C++属性类型提供给 QML调用（一）相关推荐

Qt C++属性类型提供给 QML调用（五）
前言前面已经介绍了四种从 QML 调用 C++的属性的方法,今天介绍最后一种,从 QML 调用 C++中的函数以及连接 C++中的信号. 调用 C++函数任何继承于 QObject 类的 C++类 ...
Qt C++属性类型提供给 QML调用（三）
前言前面两篇文章已经介绍了 QML 中如何调用 C++中的基础属性以及对象属性,今天继续来介绍另外一种:对象为列表类型的属性调用方法. 概述包含QObject派生类型列表的属性也可以暴露给QML使 ...
Qt C++属性类型提供给 QML调用（四）
前言前面已经介绍了三种关于 QML 调用 C++的属性方法,那么,今天继续介绍一种新的属性调用:分组属性. 分组属性 QML 调用 C++的分组属性,所谓的分组属性, 其实和第二篇文章介绍的调用类属 ...
Qt C++属性类型提供给 QML调用（二）
概述在上一篇文章中已经介绍了 QML 中如何调用 C++的基础属性,那么这里来介绍如何调用C++对象类型属性. QML 调用对象类型属性在上一次的代码基础上直接修改一下, 再添加一个类定义,如下: ...
使用Golang搭建gRPC服务提供给.NetCore调用
文章目录 gRPC概述 RPC gRPC又是什么呢安装 Golang IDE(Goland) Protocol Buffer 下载Protocal Buffer 配置Protocal Buffer编 ...
46.qt quick-自定义非常好看的qml虚拟软键盘-支持换肤、动态加载移除语言(二)
在上章我们学习了45.qt quick-qml虚拟软键盘详解(一)_诺谦的博客-CSDN博客,知道如何自定义qml键盘后,本章继续来学习. 1.介绍接下来我们便来自定义一款好看的qml软键盘.如下图 ...
qml调用百度地图api实现卫星地球模式画路书轨迹
qml调用百度地图api实现卫星地球模式画路书轨迹总结下类型转换: pro文件中加入依赖的模块引入头文件 websockettransport.h main文件加入 qml index.html ...
JavaScript 中对象的属性类型
对象的属性类型 JavaScript 中的对象的属性包括数据属性和访问器属性,在 JavaScript 引擎的内部实现中定义了用于描述属性(property)的特性(attribute).规范中将特性 ...
JavaScript学习随记——属性类型
<!DOCTYPE HTML> <html><head><meta http-equiv="Content-Type" content=& ...

Qt C++属性类型提供给 QML调用（一）

概述

Q_PROPERTY()

Qt C++属性类型提供给 QML调用（一）相关推荐

最新文章

热门文章