QML报告ReferenceError:未在添加到上下文的C ++对象上定义XYZ

时间:2016-07-21 09:12:06

标签: javascript c++ qt qml referenceerror

我最近开始学习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++对象。

1 个答案:

答案 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 之前我已将其添加为属性。