从QML向C++传递带参数的信号

Question

我不知道如何在Qt中从QML文件传递参数到C++文件。

QML代码：

import QtQuick 1.1

Rectangle{
    id:loin
    height: 272
    width:480
    property alias loguid:loginuid
    signal sigHome()
    Rectangle{
        id:rect1
        width:parent.width-80
        height:24
        TextInput {
            id:loginuid
            maximumLength: 16
            width: maximumLength * 20
            focus: false
            validator: RegExpValidator { regExp: /\d+/ }
            KeyNavigation.down: login1
        }
    }
    Button{
        id: login1
        x: 195
        y: 187
        height:30;
        focus:false
        border.color:"black"
        opacity: activeFocus ? 1.0 : 0.5
        Text{
        text:"LOGIN"
            anchors.horizontalCenter:login1.horizontalCenter;
            anchors.verticalCenter:login1.verticalCenter;
        }
        Keys.onReturnPressed: {
             if(loginuid.text  <  1000000000000000)
             {
                 text1.opacity=0.1
                 error1.visible=true
                 errorText.text="\n enter valid 16 digit number\n"
                 errorOk.focus=true
                 loginuid.focus=false
             }
             else{
                 loginuid.focus=false
                 loin.sigHome()
             }
        }
    }
}

C++代码:

#include <QApplication>
#include <QDeclarativeView>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    int uid;
    QDeclarativeView view;
    view.setSource(QUrl::fromLocalFile("main.qml"));
    view.show();
    return app.exec();
}

当我按下登录按钮时，rect1.text的内容应该传输到main.cpp文件中，并在main.cpp中使用uid变量存储该值。类似这样： uid=rect1.text。
该如何实现？

- geek

Answer 1

谢谢，sebasgo，你的回复对我很有帮助。我使用信号和槽来进行通信。 我在main.qml中创建了一个信号。

signal info(string msg)

并且在登录页面

else{
    info(loginUid.text)
    loginuid.focus=false
    loin.sigHome()
} 

在main.cpp中，我将它连接到d slot上。main.cpp的代码如下：

#include <QtGui>
#include <QApplication>
#include <QDeclarativeView>
#include <QtDeclarative>

class DeclarativeView : public QDeclarativeView
{
    Q_OBJECT
    public:
        DeclarativeView(const QUrl & source) : QDeclarativeView(source)
        {
        }
    public slots:
        void readText(QString quid)
        {
            qdebug<<quid;
        }           
};
#include "main.moc"
int main(int argc, char *argv[])
{
    QString file = "main.qml";

    QApplication app(argc, argv);
    DeclarativeView view(QUrl::fromLocalFile(file));
    QDeclarativeItem *item = qobject_cast<QDeclarativeItem *>(view.rootObject());
    QObject::connect(item, SIGNAL(info(QString)), &view, SLOT(readText(QString)));
    view.show();
    return app.exec();
}

- geek

Answer 2

我不建议从C++端尝试监听QML信号。调用带参数的C++方法更容易实现并达到相同效果：

要实现这一点，您需要：

• 定义一个接受所需参数的slot或invokable方法
• 注册携带该方法的类到声明式引擎中
• 然后，您可以将此类的实例设置为根上下文的属性，并从QML中调用此方法

这个主题在官方文档中也有详细介绍。

- sebasgo

Answer 3

创建一个C++ GUI控制器类：

class UiController : public QObject
{
   Q_OBJECT

public:
   UiController();
   virtual ~UiController();

public slots:
   void cal_daysoff__onDoubleClicked(const QDate& date);
};

在QML文件中，您定义了一个日历控件，并将信号连接到控制器中的一个槽中：

Calendar{
   id: cal_daysoff
   Layout.fillWidth: true
   Layout.fillHeight: true
   onDoubleClicked: UiController.cal_daysoff__onDoubleClicked(date)
}

在主文件中，启动QML界面时，将界面连接到控制器：

#include "uicontroller.h"

int main(int argc, char *argv[])
{
   QApplication app(argc, argv);
   QQmlApplicationEngine engine;

   UiController control;
   engine.rootContext()->setContextProperty("UiController", &control);

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

   return app.exec();
}

- pedromateo