qt - 将带有参数的信号从 qml 传递到 c++

Question

我不知道如何将参数从 QML 文件传递到 Qt 中的 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 内容 shud 转到 main.cpp 文件和 main.cpp 中的 uid 获取 dat 值。像这样的东西uid=rect1.text。
怎么做？

score 4 · Accepted Answer

我不会尝试从 C++ 端监听 QML 信号。使用参数调用 C++ 方法要容易得多，并且可以实现相同的效果：

为此，您必须：

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

官方文档中也很好地涵盖了这个主题。

score 4 · Accepted Answer

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

signal info(string msg)

并在登录页面

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

在 main.cpp 我将它连接到 d 插槽 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();
}

score 1 · Accepted Answer

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

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();
}

qt - 将带有参数的信号从 qml 传递到 c++

3 回答 3

Related

Reference