我最近开始学习QML
(在很久以前尝试过之后)并且我遇到Qt
C++
代码与QML
代码交互的问题{1}},反之亦然。
我有一个Counter
,其标题如下:
#include <QObject>
#include <QTimer>
class Counter : public QObject
{
Q_OBJECT
Q_PROPERTY(int count
READ getCount
WRITE setCount
NOTIFY signalCountChanged)
public:
Counter(QObject *parent = Q_NULLPTR);
int getCount();
void setCount(int count);
signals:
void signalCountChanged(int);
public slots:
void slotStart();
private slots:
void slotTimeout();
private:
int count;
QTimer *timer;
};
我的main.cpp
如下:
#include <QtGui/QGuiApplication>
#include <QtQml/QQmlContext>
#include <QtGui/QGuiApplication>
#include <QtQuick/QQuickItem>
#include <QtQuick/QQuickView>
#include "counter.h"
int main(int argc, char *argv[])
{
QGuiApplication app(argc, argv);
qmlRegisterType<Counter>("org.qmlplayground.counter", 0, 1, "Counter");
QQuickView view;
view.setSource(QUrl(QStringLiteral("qrc:/main.qml")));
QObject *viewO = dynamic_cast<QObject*>(view.rootObject());
Counter c;
// Register Counter instance as "counter" property of top level context so that it can be accessed from within the QML code (for example: set the value count)
view.rootContext()->setContextProperty("counter", &c);
QObject::connect(viewO, SIGNAL(signalStartCounter()),
&c, SLOT(slotStart()));
QObject::connect(viewO, SIGNAL(signalQuit()), &app, SLOT(quit()));
view.show();
return app.exec();
}
最后是我的QML
的一部分(main.qml
加载在QQuickView
中,其余的是用户界面形式):
import QtQuick 2.7
import QtQuick.Window 2.2
// Importing some JavaScript files
import "qrc:/loggingFunctions.js" as LOG
import "qrc:/parseFunctions.js" as PARSE
// Importing a Qt C++ custom module
import org.qmlplayground.counter 0.1
MainForm {
property int countState: counter.count // ERROR HERE
signal signalStartCounter()
signal signalQuit()
anchors.fill: parent
textInputMouseArea.onClicked: {
LOG.logger("Clicked! Selecting all text in text input field", "N")
textInput.selectAll()
}
textInput.onAccepted: {
if(textInput.text === "quit") signalQuit()//Qt.quit();
if(textInput.text === "help") textInput.text = LOG.logger("Displaying help", "H");
var res = PARSE.parseInput(textInput.text);
if(res && (typeof res === 'object') && res.constructor === Array) {
switch(res[0]) {
case "fact":
labelOutput.text = res[1];
break;
case "count":
counter.count = res[1];
signalStartCounter();
break;
}
}
}
onCountStateChanged:
console.log("Hello")
textInput.onTextChanged:
console.log("Text changed");
}
正如您所看到的,我已经测试了从我的QML
发送到我的C++
代码的两个信号,其中一个信号连接到我的QGuiApplication
的广告位{{ 1}}和另一个连接到quit()
的广告位counter
。它工作正常。看来就行了
slotStart()
不会导致任何问题(也许是因为它counter.count = res[1];
而不是JS
?)。现在,我想阅读QML
实例的count
值并相应地更新我的UI。如果我没有弄错,每个Counter
属性都会自动获取一些内容,其中一个是QML
方法(事件处理程序或其所谓的)。
当我运行我的代码时,我得到了
onChanged
我认为做`qrc:/main.qml:21: ReferenceError: counter is not defined
就足够了,但似乎我错过了一些东西。因此,更一般的问题是如何正确在view->rootContext()->setContextProperty("counter", &c);
上下文中显示C++
对象。
答案 0 :(得分:3)
这花了我2个小时的时间才弄明白(当我濒临自杀时,我发布了我的问题:D)但答案显而易见:我怎么能要求一个尚未初始化的房产?然而?我的问题的解决方案基本上是移动setContextProperty()
BEFORE 我加载QML
文件:
// ...
QQuickView view;
Counter c;
view.rootContext()->setContextProperty("counter", &c);
view.setSource(QUrl(QStringLiteral("qrc:/main.qml")));
// ...
通过这样做,首先将属性添加到view
的根上下文中,然后加载额外的QML
内容,但counter
属性仍然存在)。使用我之前版本的代码,我基本上试图访问counter
文件中的QML
之前我已将其添加为属性。