c++代码更新qml的LineSeries

时间: 2023-04-05 07:02:08 浏览: 50

在C++程序中使用QML

5星 · 资源好评率100%

在C++程序中使用QML QML API是分为三个主类——QDeclarativeEngine， QdeclarativeComponent 与 QDeclarativeContext。QDeclarativeEngine 提供QML运行的环境，QdeclarativeComponent 封装了QML Documents 与QDeclarativeContext允许程序导出数据到QML组件实例。 QML还包含了API的一个方便，通过QDeclarativeView 应用程序只需要简单嵌入QML组件到一个新的QGraphicsView就可以了。这有许多细节将在下面讨论。QDeclarativeView 主要是用于快速成型的应用程序里。如果你是重新改进使用QML的Qt应用程序，请参阅整合QML到现有的Qt UI代码。基本用法每个应用程序至少需求一个QDeclarativeEngine。QDeclarativeEngine允许配置全局设置应用到所有的QML组件实例中，例如QNetworkAccessManager是用于网络通信以及永久储存的路径。如果应用程序需求在QML组件实例间需求不同的设置只需要多个QDeclarativeEngine。使用QDeclarativeComponent类载入QML Documents。每个QDeclarativeComponent实例呈现单一QML文档。QDeclarativeComponent可以传递一个文档的地址或文档的原始文本内容。该文档的URL可以是本地文件系统的地址或通过QNetworkAccessManager支持的网络地址。 QML组件实例通过调用QDeclarativeComponent::create()模式来创建。在这里载入一个QML文档的示例并且从它这里创建一个对象。 QDeclarativeEngine *engine = new QDeclarativeEngine(parent); QDeclarativeComponent component(engine, QUrl::fromLocalFile(“main.qml”)); QObject *myObject = component.create(); 导出数据 QML组件是以QDeclarativeContext实例化的。context允许应用程序导出数据到该QML组件实例中。单个QDeclarativeContext 可用于一应用程序的所有实例对象或针对每个实例使用QDeclarativeContext 可以创建更为精确的控制导出数据。如果不传递一个context给QDeclarativeComponent::create()模式；那么将使用QDeclarativeEngine的root context。数据导出通过该root context对所有对象实例是有效的。简单数据为了导出数据到一个QML组件实例，应用程序设置Context属性；然后由QML属性绑定的名称与JavaScrip访问。下面的例子显示通过QGraphicsView如何导出一个背景颜色到QML文件中： //main.cpp #include <QApplication> #include <QDeclarativeView> #include <QDeclarativeContext> int main(int argc, char *argv[]) { QApplication app(argc, argv); QDeclarativeView view; QDeclarativeContext *context = view.rootContext(); context->setContextProperty(“backgroundColor”, QColor(Qt::yellow)); view.setSource(QUrl::fromLocalFile(“main.qml”)); view.show(); return app.exec(); } //main.qml import Qt 4.7 Rectangle { width: 300 height: 300 color: backgroundColor Text { anchors.centerIn: parent text: “Hello Yellow World!” } } 或者，如果你需要main.cpp不需要在QDeclarativeView显示创建的组件，你就需要使用QDeclarativeEngine::rootContext()替代创建QDeclarativeContext实例。 QDeclarativeEngine engine; QDeclarativeContext *windowContext = new QDeclarativeContext(engine.rootContext()); windowContext->setContextProperty(“backgroundColor”, QColor(Qt::yellow)); QDeclarativeComponent component(&engine, “main.qml”); QObject *window = component.create(windowContext); Context属性的操作像QML绑定的标准属性那样——在这个例子中的backgroundColor Context属性改变为红色；那么该组件对象实例将自动更新。注意：删除任意QDeclarativeContext的构造是创建者的事情。当window组件实例撤消时不再需要windowContext时，windowContext必须被消毁。最简单的方法是确保它设置window作为windowContext的父级。 QDeclarativeContexts 是树形结构——除了root context每个QDeclarativeContexts都有一个父级。子级QDeclarativeContexts有效的继承它们父级的context属性。这使应用程序分隔不同数据导出到不同的QML对象实例有更多自由性。如果QDeclarativeContext设置一context属性，同样它父级也被影响，新的context属性是父级的影子。如下例子中，background context属性是Context 1，也是root context里background context属性的影子。结构化数据 context属性同样可用于输出结构化与写数据到QML对象。除了QVariant支持所有已经存在的类型外，QObject 派生类型可以分配给context属性。 QObject context属性允许数据结构化输出并允许QML来设置值。下例创建CustomPalette对象并设置它作为palette context属性。 class CustomPalette : public QObject { Q_OBJECT Q_PROPERTY(QColor background READ background WRITE setBackground NOTIFY backgroundChanged) Q_PROPERTY(QColor text READ text WRITE setText NOTIFY textChanged) public: CustomPalette() : m_background(Qt::white), m_text(Qt::black) {} QColor background() const { return m_background; } void setBackground(const QColor &c) { if (c != m_background) { m_background = c; emit backgroundChanged(); } } QColor text() const { return m_text; } void setText(const QColor &c) { if (c != m_text) { m_text = c; emit textChanged(); } } signals: void textChanged(); void backgroundChanged(); private: QColor m_background; QColor m_text; }; int main(int argc, char *argv[]) { QApplication app(argc, argv); QDeclarativeView view; view.rootContext()->setContextProperty(“palette”, new CustomPalette); view.setSource(QUrl::fromLocalFile(“main.qml”)); view.show(); return app.exec(); } QML引用palette对象以及它的属性，为了设置背景与文本的颜色，这里是当单击窗口时，面板的文本颜色将改变成蓝色。 import Qt 4.7 Rectangle { width: 240 height: 320 color: palette.background Text { anchors.centerIn: parent color: palette.text text: “Click me to change color!” } MouseArea { anchors.fill: parent onClicked: { palette.text = “blue”; } } } 可以检测一个C++属性值——这种情况下的CustomPalette的文本属性改变，该属性必须有相应的NOTIFY信息。NOTIFY信号是属性值改变时将指定一个信号发射。实现者应该注意的是，只有值改变时才发射信号，以防止发生死循环。访问一个绑定的属性，没有NOTIFY信号的话，将导致QML在运行时发出警告信息。动态结构化数据如果应用程序对结构化过于动态编译QObject类型；那么对动态结构化数据可在运行时使用QDeclarativePropertyMap 类构造。从QML调用 C++ 通过public slots输出模式或Q_INVOKABLE标记模式使它可以调用QObject派生出的类型。 C++模式同样可以有参数并且可以返回值。QML支持如下类型： •bool •unsigned int, int •float, double, qreal •QString •QUrl •QColor •QDate,QTime,QDateTime •QPoint,QPointF •QSize,QSizeF •QRect,QRectF •QVariant 下面例子演示了，当MouseArea单击时控制“Stopwatch”对象的开关。 //main.cpp class Stopwatch : public QObject { Q_OBJECT public: Stopwatch(); Q_INVOKABLE bool isRunning() const; public slots: void start(); void stop(); private: bool m_running; }; int main(int argc, char *argv[]) { QApplication app(argc, argv); QDeclarativeView view; view.rootContext()->setContextProperty(“stopwatch”, new Stopwatch); view.setSource(QUrl::fromLocalFile(“main.qml”)); view.show(); return app.exec(); } //main.qml import Qt 4.7 Rectangle { width: 300 height: 300 MouseArea { anchors.fill: parent onClicked: { if (stopwatch.isRunning()) stopwatch.stop() else stopwatch.start(); } } } 值得注意的是，在这个特殊的例子里有更好的方法来达到同样的效果，在main.qml有”running”属性，这将会是一个非常优秀的QML代码： // main.qml import Qt 4.7 Rectangle { MouseArea { anchors.fill: parent onClicked: stopwatch.running = !stopwatch.running } } 当然，它同样可以调用 functions declared in QML from C++。网络组件如果URL传递给QDeclarativeComponent是一网络资源或者QML文档引用一网络资源，QDeclarativeComponent要先获取网络数据；然后才可以创建对象。在这种情况下QDeclarativeComponent将有Loading status。直到组件调用QDeclarativeComponent::create()之前，应用程序将一直等待。下面的例子显示如何从一个网络资源载入QML文件。在创建QDeclarativeComponent之后，它测试组件是否加载。如果是，它连接QDeclarativeComponent::statusChanged()信号，否则直接调用continueLoading()。这个测试是必要的，甚至URL都可以是远程的，只是在这种情况下要防组件是被缓存的。 MyApplication::MyApplication() { // … component = new QDeclarativeComponent(engine, QUrl(“http://www.example.com/main.qml”)); if (component->isLoading()) QObject::connect(component, SIGNAL(statusChanged(QDeclarativeComponent::Status)), this, SLOT(continueLoading())); else continueLoading(); } void MyApplication::continueLoading() { if (component->isError()) { qWarning() << component->errors(); } else { QObject *myObject = component->create(); } } Qt资源 QML的内容可以使用qrc：URL方案从Qt 资源系统载入。例如： [project/example.qrc] <!DOCTYPE RCC> <RCC version=”1.0″> <qresource prefix=”/”> <file>main.qml</file> <file>images/background.png</file> </qresource> </RCC> [project/project.pro] QT += declarative SOURCES += main.cpp RESOURCES += example.qrc [project/main.cpp] int main(int argc, char *argv[]) { QApplication app(argc, argv); QDeclarativeView view; view.setSource(QUrl(“qrc:/main.qml”)); view.show(); return app.exec(); } [project/main.qml] import Qt 4.7 Image { source: “images/background.png” } 请注意，资源系统是不能从QML直接访问的。如果主QML文件被加载作为资源，所有的文件指定在QML中做为相对路径从资源系统载入。在QML层使用资源系统是完全透明的。这也意味着，如果主QML文件没有被加载作为资源，那么从QML不能访问资源系统。 1.这里主要是介绍，如何在c++中调用QML中的函数和设置QML中的属性的问题 2.具体代码 // UICtest.qml import Qt 4.7 Rectangle { id: mainWidget; width: 640 height: 480 function callbyc(v) { mainWidget.color = v; return "finish"; } Rectangle{ id: secondRect; x: 100; y: 20; width: 400; height: 300; Rectangle{ x: 10; y: 20; width: 30; height: 40; color: "#FF035721" Text { objectName: "NeedFindObj"; anchors.fill: parent; text: ""; } } } } // main.cpp #include <QtGui/QApplication> #include <QtDeclarative/QDeclarativeView> #include <QtDeclarative/QDeclarativeEngine> #include <QtDeclarative/QDeclarativeComponent> #include <QtDeclarative/QDeclarativeContext> #include <QtDeclarative/QDeclarativeItem> #include <QMetaObject> int main(int argc, char *argv[]) { QApplication a(argc, argv); QDeclarativeView qmlView; qmlView.setSource(QUrl::fromLocalFile("../UICtest/UICtest.qml")); qmlView.show(); // 获取根节点，就是 QML中 id是mainWidget的节点 QDeclarativeItem *item = qobject_cast<QDeclarativeItem*>(qmlView.rootObject()); item->setProperty("color", QVariant("blue")); // 查找到我们需要的节点根均objectname NeedFindObj 来获得，并设置他的文本属性 QDeclarativeItem *item1 = item->findChild<QDeclarativeItem *>("NeedFindObj"); if (item1) { item1->setProperty("text", QVariant("OK")); } // 调用QML中的函数, 分别是函数所在的对象，函数名，返回值，参数 QVariant returnVar; QVariant arg1 = "blue"; QMetaObject::invokeMethod(item, "callbyc", Q_RETURN_ARG(QVariant, returnVar),Q_ARG(QVariant, arg1)); qDebug(" %s",returnVar.toString().toLocal8Bit().data()); return a.exec(); } 说明：这里的根节点是id为mainWidget的矩形元素，那么在C++中获取根节点后就可以，直接的设置他的属性了。其他属性也可以同样,调用指定节点内的函数是通过QMetaObject中的invokeMethod 来进行调用的。最后所有关于QML和c++交互部分就基本写完，如果想要更多的东西，或者一些其他方法，强烈看看 http://doc.qt.nokia.com/4.7-snapshot/qtbinding.html，或者帮助文档，（究竟是不是我的文档里面没有还是怎么的） ### 在C++程序中使用QML的关键知识点 #### 1. QML API的三大核心类：QDeclarativeEngine、QDeclarativeComponent 和 QDeclarativeContext - **QDeclarativeEngine**：提供了QML运行所需的环境，管理着QML引擎的生命周期。它允许配置全局设置应用于所有的QML组件实例，如网络通信（`QNetworkAccessManager`）和存储路径等。 - **QDeclarativeComponent**：封装了一个QML文档，并提供了加载和创建QML组件的功能。可以通过传递文档的地址或原始文本内容来创建此类的对象。 - **QDeclarativeContext**：用于实例化QML组件，允许C++应用程序向QML组件实例导出数据。一个QDeclarativeContext可以用于整个应用程序的所有实例对象，也可以为每个实例单独创建，以实现更精细的数据导出控制。 #### 2. 基本用法 - **创建QDeclarativeEngine**：每个使用QML的应用程序都需要至少一个`QDeclarativeEngine`实例。 - **加载QML文档**：通过`QDeclarativeComponent`类加载QML文档。可以传递文档的地址或原始文本内容。文档的URL可以是本地文件系统的地址，也可以是通过`QNetworkAccessManager`支持的网络地址。 - **创建QML组件实例**：调用`QDeclarativeComponent::create()`方法来创建QML组件实例。 ```cpp QDeclarativeEngine *engine = new QDeclarativeEngine(parent); QDeclarativeComponent component(engine, QUrl::fromLocalFile("main.qml")); QObject *myObject = component.create(); ``` #### 3. 导出数据至QML组件 - **设置上下文属性**：通过设置QDeclarativeContext的属性，可以将数据导出到QML组件实例中。这些属性可以在QML中通过属性绑定和JavaScript访问。 - **使用QGraphicsView导出数据**：可以使用`QGraphicsView`将一个背景颜色导出到QML文件中。例如，将黄色作为背景色设置到`QDeclarativeContext`的`backgroundColor`属性上。 ```cpp QDeclarativeView view; QDeclarativeContext *context = view.rootContext(); context->setContextProperty("backgroundColor", QColor(Qt::yellow)); view.setSource(QUrl::fromLocalFile("main.qml")); ``` - **使用`QDeclarativeEngine::rootContext()`**：如果不需要在`QDeclarativeView`中显式地创建组件，可以使用`QDeclarativeEngine::rootContext()`。 ```cpp QDeclarativeEngine engine; QDeclarativeContext *windowContext = new QDeclarativeContext(engine.rootContext()); windowContext->setContextProperty("backgroundColor", QColor(Qt::yellow)); QDeclarativeComponent component(&engine, "main.qml"); QObject *window = component.create(windowContext); ``` #### 4. 结构化数据导出 - **使用自定义类**：可以创建自定义的`QObject`类来导出结构化数据。此类应具有`Q_PROPERTY`声明的属性，并带有读取、写入方法以及`NOTIFY`信号，以通知QML属性值的变化。 - **使用`QDeclarativePropertyMap`**：如果数据结构过于动态而无法在编译时确定，可以在运行时使用`QDeclarativePropertyMap`类来构造动态结构化数据。 #### 5. 从QML调用C++ - **通过公共槽或Q_INVOKABLE标记**：可以使用公共槽函数或通过`Q_INVOKABLE`标记的方式使C++类的成员函数可以从QML中调用。 - **支持的参数类型**：C++成员函数可以有参数，并且可以返回值。QML支持包括`bool`、`int`、`double`、`QString`、`QUrl`等多种类型。 #### 6. 网络组件 - **处理网络资源**：如果QML文档或组件是从网络资源加载的，`QDeclarativeComponent`将处于加载状态，直到数据完全加载完毕。 - **异步加载**：可以监听`QDeclarativeComponent::statusChanged()`信号来处理加载过程中的异步事件。 #### 7. 使用Qt资源系统 - **加载QML内容**：QML内容可以使用`qrc:` URL方案从Qt资源系统加载。 - **资源系统限制**：资源系统不能直接从QML访问。如果主QML文件作为资源加载，则所有在QML中指定的相对路径都将从资源系统加载。 #### 8. C++与QML之间的交互 - **设置QML属性**：在C++中获取QML中的对象，并直接设置其属性。例如，设置id为`mainWidget`的QML元素的颜色。 - **调用QML中的函数**：通过`QMetaObject::invokeMethod`调用QML中的函数。需要传入函数所在的对象、函数名、返回值类型以及参数。 ```cpp QVariant returnVar; QVariant arg1 = "blue"; QMetaObject::invokeMethod(item, "callbyc", Q_RETURN_ARG(QVariant, returnVar), Q_ARG(QVariant, arg1)); ``` #### 9. 进一步学习 - 更多高级特性和技术细节，建议参考官方文档和其他专业资源，例如[Qt Binding文档](http://doc.qt.nokia.com/4.7-snapshot/qtbinding.html)。

可以使用 QML 的信号和槽机制来更新 LineSeries。首先，在 C++ 中定义一个槽函数，用于接收 QML 中发出的信号。然后，在 QML 中定义一个信号，用于触发槽函数。最后，将信号和槽函数连接起来，即可实现更新 LineSeries 的功能。具体实现方法可以参考 Qt 官方文档。

阅读全文

c++代码更新qml的LineSeries

相关推荐

qml与c++交互

c++与qml的交互数据传递及其实时刷新

c++代码更新qml的LineSeries代码

用c++代码更新qml的LineSeries

C++访问QML

c++ QML 编程啊

体育课评分系统 微信小程序+SSM毕业设计 源码+数据库+论文+启动教程.zip

【东证期货-2024研报】短期关注天气能否触发惜售.pdf

客运自助售票小程序 微信小程序+SSM毕业设计 源码+数据库+论文+启动教程.zip

一个完整yolov8整合包.zip

解决CAM350导入提示“找不到首标题%，载入停止”

【浙江大学-2024研报】2024大学生生成式人工智能应用现状与思考.pdf

使用yolov7训练自己的数据集.zip

毕业设计&课设_宠物寄养管理系统：计算机毕设项目.zip

毕业设计&课设_房产中介信息管理系统.zip

机电一体化系统中机器学习应用的最终项目.zip

Yolov3的Pytorch版本实现模板检测.zip

毕业设计&课设_女装商店管理系统：Java 毕设项目.zip

使用 yolov4 进行头盔（安全帽）检测.zip

最新推荐

体育课评分系统 微信小程序+SSM毕业设计 源码+数据库+论文+启动教程.zip

【东证期货-2024研报】短期关注天气能否触发惜售.pdf

客运自助售票小程序 微信小程序+SSM毕业设计 源码+数据库+论文+启动教程.zip

一个完整yolov8整合包.zip

解决CAM350导入提示“找不到首标题%，载入停止”

JHU荣誉单变量微积分课程教案介绍

管理建模和仿真的文件

【实战篇：自定义损失函数】：构建独特损失函数解决特定问题，优化模型性能

如何在ZYNQMP平台上配置TUSB1210 USB接口芯片以实现Host模式，并确保与Linux内核的兼容性？

Naruto爱好者必备CLI测试应用

体育课评分系统微信小程序+SSM毕业设计源码+数据库+论文+启动教程.zip

客运自助售票小程序微信小程序+SSM毕业设计源码+数据库+论文+启动教程.zip

体育课评分系统微信小程序+SSM毕业设计源码+数据库+论文+启动教程.zip

客运自助售票小程序微信小程序+SSM毕业设计源码+数据库+论文+启动教程.zip