Qt小例子学习63 从c++获取qml TextField的数据

Qt小例子学习63 从c++获取qml TextField的数据

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

#include <QDebug>

class Backend : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QString text READ text WRITE setText NOTIFY textChanged)
public:
    QString text() const { return mText; }
    void setText(const QString &text)
    {
        if (text == mText)
            return;
        mText = text;
        emit textChanged(mText);
    }
signals:
    void textChanged(const QString &text);

private:
    QString mText;
};

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

    QGuiApplication app(argc, argv);

    Backend backend;

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

    // test

    QObject::connect(&backend, &Backend::textChanged,
    [](const QString & text) { qDebug() << text; });
    return app.exec();
}

#include "main.moc"

main.qml

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.4

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    TextField {
        id: serverField1
        x: 15
        y: 46
        width: 120
        height: 45
        topPadding: 8
        font.pointSize: 14
        bottomPadding: 16
        placeholderText: "Server Ip"
        renderType: Text.QtRendering
        onTextChanged: backend.text = text
    }
}

在这里插入图片描述

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好!如果您想在C++中使用QML TextField,您可以按照以下步骤进行操作: 1. 首先,确保您已经设置好了正确的Qt环境并且已经安装了Qt Quick模块。 2. 创建一个新的QML文件,例如"textfield.qml",并在其中定义您的TextField组件: ```qml import QtQuick 2.15 import QtQuick.Controls 2.15 TextField { id: textField placeholderText: "Enter text..." onTextChanged: { console.log("Text changed:", text) } } ``` 3. 在C++代码中加载和显示该QML文件。假设您已经有一个QQuickView对象,您可以使用以下代码加载并显示该QML文件: ```cpp #include <QGuiApplication> #include <QQmlApplicationEngine> #include <QQuickView> int main(int argc, char *argv[]) { QGuiApplication app(argc, argv); QQmlApplicationEngine engine; engine.load(QUrl(QStringLiteral("qrc:/textfield.qml"))); if (engine.rootObjects().isEmpty()) return -1; return app.exec(); } ``` 4. 在C++中与TextField进行交互。您可以通过访问QML中定义的TextField的属性和信号来与其交互。例如,您可以在C++获取文本输入并进行处理: ```cpp QObject *item = engine.rootObjects().first(); QObject *textField = item->findChild<QObject*>("textField"); if (textField) { QString text = textField->property("text").toString(); qDebug() << "Text entered:" << text; } ``` 这样,您就可以在C++中与QML中的TextField进行交互了。请注意,您可能需要更多的代码来处理其他事件和逻辑。 希望这对您有所帮助!如果您还有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值