Question

我在qml中有一个计时器（在StackView中查看）我尝试从C ++代码启动，调用javascript函数。但我的计时器永远不会被触发。我究竟做错了什么？我的流程是a.qml - ＆gt; b.qml（点击按钮上）

文件b.qml：

Item {
    function connectionConfirmed() {
        myTimer.start()
        console.log("started timer")
    }
    Timer {
        interval: 1000; running: false; repeat: false
        id: myTimer
        onTriggered: {
            console.log("timer triggered")
        }
    }
}

文件main.qml：

ApplicationWindow {
    id: root
    visible: true
    width: 320
    height: 530

    StackView {
        id: stackView
        initialItem: "qrc:/a.qml"
        anchors.fill: parent
    }
}

档案a.qml

MouseArea{
    anchors.fill: parent
    onClicked: {
        stackView.push("qrc:/b.qml")
    }
}

C ++部分：

connect(&myObjectInstance, &X::somethingHappend, this, [this](){
        QQmlComponent component(&engine_, "qrc:/b.qml");
        QObject *obj = component.create();
        QVariant returnedValue;
        QMetaObject::invokeMethod(obj, "connectionConfirmed",
            Q_RETURN_ARG(QVariant, returnedValue));
        delete obj;
    });

输出是： started timer

当我尝试设置running: true计时器被触发时，是否意味着我无法从JS函数启动计时器？

Answer 1

导致此问题的原因是，您假设在C ++端创建的组件与在QML端创建的组件相同。 .qml文件是源代码，当您调用它时，它们每次都会生成一个不同的对象。

行为说明：

connect(&myObjectInstance, &X::somethingHappend, this, [this](){
        QQmlComponent component(&engine_, "qrc:/b.qml");
        QObject *obj = component.create();
        QVariant returnedValue;
        QMetaObject::invokeMethod(obj, "connectionConfirmed",
            Q_RETURN_ARG(QVariant, returnedValue));
        delete obj;
    });

在此代码中，您首先创建组件，然后创建对象，调用用js编写的函数，该函数刚刚执行并打印消息，然后将其删除，因此在删除时，它永远不会触发。新计时器，由于这个原因，似乎打印第一条消息的是QML中创建的项目，但不是，新项目将其打印出来。

调用C ++ QML函数会带来这些问题，因为很多时候您都不访问所需的对象。

相反，由Qt表示的建议是在QML端进行连接，为此，您必须使用setContextProperty()导出C ++对象。

在下面的示例中，使用其QML实现，我们创建了一个类，该类具有一个称为mysignal的信号，该信号每5秒钟触发一次，以进行测试。该类的对象将导出到QML并进行连接，以便它从QML调用js函数

main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>

#include <QTimer>

class Helper: public QObject{
    Q_OBJECT
public:
    using QObject::QObject;
signals:
   void mysignal();
};

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

    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    Helper helper;
    engine.rootContext()->setContextProperty("helper", &helper);
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    if (engine.rootObjects().isEmpty())
        return -1;

    QTimer timer;
    QObject::connect(&timer, &QTimer::timeout, [&helper](){
       emit helper.mysignal();
    });

    timer.start(5000);

    return app.exec();
}

#include "main.moc"

b.qml

import QtQuick 2.0

Item {
    id: it
    function connectionConfirmed() {
        myTimer.start()
        console.log("started timer")
    }
    Timer {
        interval: 1000; running: false; repeat: false
        id: myTimer
        onTriggered: {
            console.log("timer triggered")
        }
    }

    Connections{
        target: helper
        onMysignal: it.connectionConfirmed()
    }
}

最后，在StackView中，每次更改页面都会创建和销毁项目。

QML计时器未触发

1 个答案: