Qml学习笔记：cpp与qml的交互调用方式
Qml学习笔记：cpp与qml的交互调用方式
- 如何用在cpp中调用qml的方法
-
- main.qml
- main.cpp
- 如何在qml中调用C++的方法函数
-
- main.cpp
- main.ｑｍｌ
- 如何使用ｑｍｌ调用按钮的信号槽
-
-
- （1）使用默认的clicked()信号
- （2）qml的按钮中直接注册信号发送到槽函数(QML中设置信号)
- （3）在qml中设置cpp中的信号槽函数
- (4)从录入到qml的方法
-
如何用在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: 480
title: qsTr("Hello World")
//Qml通信cpp
Controls.Label
{
objectName: 'labelcpp'
text: 'Qml && cpp'
font.pointSize: 38
//cpp调用这个函数
function getText()
{
return text
}
//加参数后
function getText(info)
{
return text + info
}
}
}
main.cpp
#include 值得注意的是，一般不会使用C++的方法去调用qml中的方法。
下面给这两种方法价绍了如何使用qml创建的按钮调用cpp的槽函数，一种方式是直接在qml调用函数，另一种方式是通过注册信号槽调用
如何在qml中调用C++的方法函数
main.cpp
#include "./person.h"
#include 第一步就完成了，那如何通过注册好以后在qml中如何调用C++的函数？
第二步：就是将调用函数前要加入Q_INVOKABLE 宏，这样这个函数才能够在qml中调用
最后一步，通过在main.cpp中注册某个类，通过这个注册好的版本号引入对应要调用的qml文件中，然后直接通过 类.函数 调用对应的函数
main.ｑｍｌ
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5 as Controls
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Controls.Button
{
text: 'Button1'
onClicked: Person.printInfo()
}
}
#ifndef PERSON_H
#define PERSON_H
#include 如何使用ｑｍｌ调用按钮的信号槽
（1）使用默认的clicked()信号
在person头文件中注册槽函数
public slots:
void slotInfo()const noexcept;
实现方法
void Person::slotInfo()const noexcept
{
qDebug() << __FUNCTION__ << "this is slot function";
}
主函数中调用
其中，要通过调用引擎获取到对应的按钮，然后通过这个按钮写信号槽的连接connect函数
//C++调用qml
Person p1("smore", 32);
auto root = engine.rootObjects();
auto pushButton = root.first()->findChild<QObject*>("smoreButton");
//比较好用的一种
QObject::connect(pushButton,SIGNAL(clicked()), &p1, SLOT(slotInfo()));
QML源文件实现方法
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5 as Controls
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Controls.Button
{
objectName: "smoreButton"
text: 'Button1'
onClicked: Person.printInfo()
}
}
总结：就是在qml中注册按钮后在cpp中使用信号槽的方式，前提是先获取到按钮和对象。
（2）qml的按钮中直接注册信号发送到槽函数(QML中设置信号)
还有一种方式：直接在qml中写入信号，通过这个信号调用cpp中的函数槽方法：
main.qml
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5 as Controls
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Controls.Button
{
objectName: "smoreButton"
property int count: 0
signal signalInfo(int count)
text: 'Button1'
onClicked:
{
Person.printInfo();
++count;
if(count % 2 === 0)
signalInfo(count);
}
}
}
person类
#ifndef PERSON_H
#define PERSON_H
#include main.cpp
#include "./person.h"
#include 上面这两种，一种是
（3）在qml中设置cpp中的信号槽函数
signals:
void signalQmlCall() const;
//void signalQmlCall(QString) const;
void Person::printInfo()const noexcept
{
qDebug() << "name: " << m_name <<" age: " << m_age;
emit signalQmlCall();
//emit signalQmlCall(m_name);
}
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5 as Controls
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Controls.Button
{
objectName: "smoreButton"
property int count: 0
signal signalInfo(int count)
text: 'Button1'
onClicked:
{
Person.printInfo();
}
}
Connections
{
target: Person
function onSignalQmlCall()
//function onSignalQmlCall(value)
{
console.log('cpp signal')
console.log('cpp signal',value)
}
}
}
输出
name: “smore” age: 32
qml: cpp signal
其余方式与上述（2）中的代码一样
(4)从录入到qml的方法
这种就是调用对应类中的函数方法在qml
第一种方法：
前言 ： 这个过程通过在qml中设置对应的属性值再从cpp中的方法函数中调用对应的函数
遇到的错误：
qml调用function方法函数的时候开头字母不能大写；
quint32 设置年龄的时候如果设置成quint8 或者quint64 都会报错，应该是quint8 代表的不是int类型，代表的是unchar类型，quint64不知道是为什么
main.cpp
#include "./person.h"
#include main.qml
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5
import smoreModule 1.0
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Button
{
objectName: "jieButton"
text: 'click' + info.name + ' ' + info.age + ' ' + Qt.formatDateTime(info.date,'yyyy-MM-dd hh:mm:ss')
onClicked:
{
Person.printInfo();
}
}
Connections
{
target: Person
function onqmlCall(value)
{
console.log('cpp signal',value)
}
}
Info{
id: info
name: 'smart'
age: 1
date: new Date()
}
}
person类
#ifndef PERSON_H
#define PERSON_H
#include 第二中方法：
Q_ELEMENT的这种方法QT自己找不到对应文件，先搁置起来