【转】C++ 控制 QML

最新推荐文章于 2024-07-14 17:31:10 发布
最新推荐文章于 2024-07-14 17:31:10 发布
阅读量1k 收藏 6
点赞数 1
分类专栏： QT

终终于找到一个可以编译成功的C++ 调用 Qml


S使用qmlengine  而不是 使用 qmlquick的版本


5.6的版本实在找不到QML quick viewer的东西   这个文档真是救命


用自定义属性类型

C++中使用QML对象

官方文档：http://doc.qt.io/qt-5/qtqml-cppintegration-interactqmlfromcpp.html

从C++中加载QML对象

按照官方文档写一直不对，也不知道问题出在哪里，就按照Qt Quick核心编程上的例子写了
通过C++改变QML文档中Item的宽度
main.qml

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

ApplicationWindow {
    objectName: "window"
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Item {
        objectName: "item"
        width: 100
        height: 100

        Rectangle {
            anchors.fill: parent
            border.width: 1
        }
    }

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24

main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QList>

int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    engine.load(QUrl(QLatin1String("qrc:/main.qml")));
    QList<QObject*> rootObjects = engine.rootObjects();
    int count = rootObjects.size();
    QObject *root = NULL;
    for(int i=0; i<count; i++)
    {
        if(rootObjects.at(i)->objectName() == "window")
        {
            root = rootObjects.at(i);
            break;
        }
    }
    QObject *item = root->findChild<QObject*>("item");
    //判断是否是空指针
    if(item)
    {
        item->setProperty("width","200");
    }
    return app.exec();

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32

QML中定义的是正方形，显示出来是长方形
这里写图片描述

从C++获取QML对象的成员

属性

main.qml

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


ApplicationWindow {
    objectName: "window"
    visible: true
    width: 640
    height: 480
    property int someNumber: 100
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlProperty>
#include <QList>
#include <QDebug>

int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    engine.load(QUrl(QLatin1String("qrc:/main.qml")));
    QList<QObject*> rootObjects = engine.rootObjects();
    int count = rootObjects.size();
    QObject *root = NULL;
    for(int i=0; i<count; i++)
    {
        if(rootObjects.at(i)->objectName() == "window")
        {
            root = rootObjects.at(i);
            break;
        }
    }
    qDebug() << "Property value:" << QQmlProperty::read(root, "someNumber").toInt();
    QQmlProperty::write(root, "someNumber", 5000);

    qDebug() << "Property value:" << root->property("someNumber").toInt();
    root->setProperty("someNumber", 100);
    return app.exec();

}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33

这里写图片描述

调用QML方法

在C++中调用QML中的方法
main.qml

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

ApplicationWindow {
    objectName: "window"
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    function myQmlFunction(msg) {
        console.log("Got Message",msg)
        return "some return value"
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlComponent>
#include <QDebug>
#include <QMetaObject>

int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    engine.load(QUrl(QLatin1String("qrc:/main.qml")));

    QList<QObject*> rootObjects = engine.rootObjects();
    int count = rootObjects.size();
    QObject *root = NULL;
    for(int i=0; i<count; i++)
    {
        if(rootObjects.at(i)->objectName() == "window")
        {
            root = rootObjects.at(i);
            break;
        }
    }
    QVariant returnedValue;
    QVariant msg = "Hello from C++";
    //参数含义：被调用对象的指针，方法名字，返回值，参数
    QMetaObject::invokeMethod(root, "myQmlFunction",
            Q_RETURN_ARG(QVariant, returnedValue),
            Q_ARG(QVariant, msg));

    qDebug() << "QML function returned:" << returnedValue.toString();
    //这个是运行完毕删除图形界面
    delete root;
    return app.exec();
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38

这里写图片描述

连接QML的信号

在C++中接收QML中发出的信号
myclass.h

#ifndef MYCLASS_H
#define MYCLASS_H
#include <QObject>
#include <QDebug>
class MyClass : public QObject
{
    Q_OBJECT
public slots:
    void cppSlot(const QString &msg) {
        qDebug() << "Called the C++ slot with message:" << msg;
    }
};
#endif // MYCLASS_H
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlComponent>
#include <QDebug>
#include <QMetaObject>
#include <myclass.h>
#include <QQuickView>
#include <QQuickItem>

int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    engine.load(QUrl(QLatin1String("qrc:/main.qml")));

    QList<QObject*> rootObjects = engine.rootObjects();
    int count = rootObjects.size();
    QObject *root = NULL;
    for(int i=0; i<count; i++)
    {
        if(rootObjects.at(i)->objectName() == "window")
        {
            root = rootObjects.at(i);
            break;
        }
    }
    MyClass myClass;
    QObject::connect(root, SIGNAL(qmlSignal(QString)),
                     &myClass, SLOT(cppSlot(QString)));
    return app.exec();
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34

main.qml

import QtQuick 2.7
import QtQuick.Controls 2.0

ApplicationWindow {
    objectName: "window"
    id: window
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    signal qmlSignal(string msg)

    MouseArea {
        anchors.fill: parent
        onClicked: window.qmlSignal("Hello from QML")
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

这里写图片描述

个人分类： Qt
船船船船船
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在CMake Qt Qml环境中，用c++加载和访问Qml里面的控件
12-13
在CMake Qt Qml环境中，用c++加载和访问Qml里面的控件. 里面两种访问方式都是成功的，供大家参考。
QML 调用 C++列表类型的属性
05-30
QML 调用 C++列表类型属性，博客地址：https://blog.csdn.net/luoyayun361/article/details/80474891
qml和c++结合使用
轩宇的博客
04-26 444
初学qml用来记录qml的学习过程，方便后面归纳总结整理。
Qt qml详细介绍
最新发布
qq_71286244的博客
07-14 1480
Qt qml详细介绍
【QML】与 C++ 混合编程：互相调用函数
m0_67470729的博客
01-03 1214
如题
Qml中使用动画Animation
quietbxj的博客
08-28 833
Animation是Qml中所有动画类的基类。 Qml中动画的分类 PropertyAnimation：改变控件的属性来产生动画。 NumberAnimation：专门改变数字类型的动画，效率优于PropertyAnimation。 ColorAnimation：专门改变颜色的动画，效率优于PropertyAnimation。 RotationAnimation：专门旋转的动画，效率优于PropertyAnimation。 PathAnimation：沿给定路径的动画。 SpringAnima
C++和QML交互
05-10
当你需要在QML中创建和控制C++对象时，可以定义一个继承自QObject的C++类。这个类需要包含`Q_OBJECT`宏，以便利用Qt的元对象系统。然后，使用`qmlRegisterType`函数或`QQmlEngine::registerType`方法将类注册到QML...
C++访问QML
03-13
标题"\"C++访问QML\"\"主要涉及到的是如何在C++代码中控制和交互QML元素。在Qt中，这通常通过QQmlContext、QQmlEngine和QQuickItem等类来实现。以下是详细的知识点： 1. QQmlEngine：它是QML引擎的核心，负责解析、...
c++与qml的交互数据传递及其实时刷新
07-03
5. **JIT编译优化**：QML引擎会编译QML代码为JavaScript，使用`QQmlEngine::setObjectCacheEnabled`可以控制是否启用对象缓存，以优化性能。 ### 示例应用 例如，在一个计数器应用中，C++提供一个`Counter`类，...
c++_To_qml.zip
10-30
通过设置上下文对象，C++对象可以在QML环境中访问，从而实现C++逻辑对界面的控制。 5. **最佳实践** - **分离业务逻辑和界面**：在设计时，应尽量让C++负责业务逻辑，而QML专注界面展示。这样可以保持代码的清晰性...
基于C++Qml的截图软件.zip
01-11
C++的强大在于它允许开发者直接操作硬件资源，提供低级别的控制，同时支持高级别的抽象，使得代码更易于维护和扩展。 QML，全称Quantum Markup Language，是Qt框架的一部分，用于构建用户界面。它是一种声明式语言...
qml工程中实现圆形、矩形、多边形和直尺的绘制，并且可以通过控制点来改变路径
06-27
qml工程中实现圆形、矩形、多边形和直尺的绘制，并且可以通过控制点来改变路径
QML之控制小车运动并绘制路径
10-31
QML之控制小车运动并绘制路径demo，QML之控制小车运动并绘制路径demo
关于Qt/C++和QML获取屏幕大小方法的总结
Shado_walker的专栏
04-27 5626
在桌面应用程序的开发过程中，获取屏幕（桌面）的大小来定位桌面应用所显示的位置，是桌面开发中经常用到的 手段，在Qt开发和QML开发中也不例外，本篇着重介绍Qt获取桌面屏幕大小的两种方法，以及对应的QML中获取桌面屏幕 大小的两种方法。 首先上图，说明一下屏幕桌面的区域划分： 如图： 一、Qt/C++获取桌面屏幕大小：     （1）、包含头文件     #include    
C++ 调用Qml方法
索命的博客
07-16 2116
C++ 调用Qml方法探索
Qml与C++交互1：C++调用Qml的接口
上官宏竹的专栏
05-26 1060
Qml与C++交互1：C++调用Qml的接口1、QML接口2、C++调用3、代码4、运行结果 总体思路：qml中添加一个js函数，C++ Qt中可以使用QMetaObject::invokeMethod 来调用Js函数。 1、QML接口 给控件定义一个objectName 实现一个js函数 Text { objectName: "textLabel"; // 控件定义一个objectName text: "Hello World"; font.pixelSize: 26; Layout.lef
Qml学习笔记：cpp与qml的交互调用方式
qq_42317817的博客
11-22 4723
Qml学习笔记：cpp与qml的交互调用方式如何用在cpp中调用qml的方法main.qmlmain.cpp如何在qml中调用C++的方法函数main.cppmain.ｑｍｌ 如何用在cpp中调用qml的方法 main.qml import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.5 as Controls Window { visible: true width: 640 height: 4
QML学习之QML与C++交互（一）
kingzhou_的博客
09-15 442
QML and C++
02_C++控制QML属性
天道征途的博客
02-12 634
最终实现结果，每点击按钮一次，就会执行一次fun函数，在fun函数中，我调用了setConnectEnabled函数，每次调用，程序都会发射一个connectEnabledChanged信号，Q_PROPERTY宏会使定义的属性更新，菜单enabled绑定了myConect的属性，这样菜单的enabled属性也会被更新。Q_PROPERTY是用来定义qml对象访问的属性，通过定义属性，可以在qml中访问、修改，也可以在属性变化时候，发送特定的信号。在Connect头文件中，添加以下代码；
C++与QML混合编程指南：配置与技巧
C++中可以通过`QNetworkAccessManager`的实例来控制和扩展网络功能。 **Qt资源** Qt资源系统允许开发者将资源文件（如图片、音频等）打包进应用程序，使用`QQmlEngine::addImportPath`或`QQmlEngine::...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值