为什么我的 QString 没有得到 TextField 的值?
Why does not my QString get the value of the TextField?
我试图将 TextField 的值传递给一个字符串,我相信 Source 是正确的,但是当我将 "value" 插入 TextField 并单击按钮时,它 returns 没什么,但是如果我将这个值设置为
TextField {Text:"Example"},它 returns: "Example",有什么想法吗?
FirstPage.qml
Item {
Rectangle {
anchors.fill: parent
ColumnLayout {
id: layoutLogin
anchors.centerIn: parent
anchors.margins: 3
spacing: 3
TextField {
objectName: "login"
Layout.fillWidth: true
placeholderText: "Username"
}
TextField {
property string password: text
objectName: "passwordd"
Layout.fillWidth: true
placeholderText: "Password"
echoMode: TextInput.Password
}
Button {
id: proccessButton
text: "Login"
Layout.fillWidth: true
onClicked: Login.test()
}
}
}
}
login.cpp:
Login::Login() {
QQuickView view;
view.setSource(QUrl(QStringLiteral("qrc:/FirstPage.qml")));
QObject *object = view.rootObject();
QObject *login = object->findChild<QObject*>("login");
QObject *password = object->findChild<QObject*>("password");
login_u = login->property("login").toString();
password_u = password->property("password").toString();}
void Login::test(){
qDebug() << "user:" << login_u;
qDebug() << "password" << password_u;
}
点击 "Button" 时的输出:
user: ""
password ""
我认为 属性 名称应该是文本。
试试这个:
login_u = login->property("text").toString();
password_u = password->property("text").toString();
我意识到您正在获取登录 class 的构造函数中的值。
应该是在调用test()的时候得到的。
void Login::test()
{
QQuickItem *object = m_view->rootObject();
QObject *login = object->findChild<QObject*>("login");
QObject *password = object->findChild<QObject*>("password");
login_u = login->property("text").toString();
password_u = password->property("text").toString();
qDebug() << "user:" << login_u;
qDebug() << "password" << password_u;
}
在这里有效
我的回答会更深入一些,试图解决背景问题,即如何正确地从 C++ 获取 QML 数据。
第一个任务是实现一个继承自 QObject
的 class 并处理用户名和密码属性,如下所示:
在这个class中,我们必须使用Q_PROPERTY
宏公开属性,如果我们想要从QML调用一个函数,它必须在Q_INVOKABLE
之前。
#ifndef LOGIN_H
#define LOGIN_H
#include <QObject>
#include <QDebug>
class Login : public QObject
{
Q_OBJECT
Q_PROPERTY(QString username READ username WRITE setUsername NOTIFY usernameChanged)
Q_PROPERTY(QString password READ password WRITE setPassword NOTIFY passwordChanged)
public:
explicit Login(QObject *parent = nullptr):QObject(parent){
}
Q_INVOKABLE void test(){
qDebug()<<mUsername<<mPassword;
}
QString username() const{
return mUsername;
}
void setUsername(const QString &username){
if(mUsername == username)
return;
mUsername = username;
emit usernameChanged(mUsername);
}
QString password() const{
return mPassword;
}
void setPassword(const QString &password)
{
if(mPassword == password)
return;
mPassword = password;
emit passwordChanged(mPassword);
}
signals:
void usernameChanged(QString username);
void passwordChanged(QString password);
private:
QString mUsername;
QString mPassword;
};
#endif // LOGIN_H
然后我们使用 qmlRegisterType 在 QML 旁边注册它,所以现在这是一个 QML 库
#include "login.h"
#include <QGuiApplication>
#include <QQmlApplicationEngine>
int main(int argc, char *argv[])
{
QGuiApplication app(argc, argv);
qmlRegisterType<Login>("com.examples.login", 1, 0, "Login");
QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
if (engine.rootObjects().isEmpty())
return -1;
return app.exec();
}
最后我们在qml端使用它们分配相应的连接
import QtQuick 2.6
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.3
import com.examples.login 1.0
Window {
visible: true
width: 640
height: 480
title: qsTr("Login")
Login{
id: login
username: usernameField.text
password: passwordField.text
}
Rectangle {
anchors.fill: parent
ColumnLayout {
id: layoutLogin
anchors.centerIn: parent
anchors.margins: 3
spacing: 3
TextField {
id: usernameField
textColor: "black"
Layout.fillWidth: true
placeholderText: "Username"
}
TextField {
id: passwordField
Layout.fillWidth: true
placeholderText: "Password"
echoMode: TextInput.Password
textColor: "black"
}
Button {
id: proccessButton
text: "Login"
Layout.fillWidth: true
onClicked: login.test()
}
}
}
}
完整的例子可以在下面找到link
我试图将 TextField 的值传递给一个字符串,我相信 Source 是正确的,但是当我将 "value" 插入 TextField 并单击按钮时,它 returns 没什么,但是如果我将这个值设置为 TextField {Text:"Example"},它 returns: "Example",有什么想法吗?
FirstPage.qml
Item {
Rectangle {
anchors.fill: parent
ColumnLayout {
id: layoutLogin
anchors.centerIn: parent
anchors.margins: 3
spacing: 3
TextField {
objectName: "login"
Layout.fillWidth: true
placeholderText: "Username"
}
TextField {
property string password: text
objectName: "passwordd"
Layout.fillWidth: true
placeholderText: "Password"
echoMode: TextInput.Password
}
Button {
id: proccessButton
text: "Login"
Layout.fillWidth: true
onClicked: Login.test()
}
}
}
}
login.cpp:
Login::Login() {
QQuickView view;
view.setSource(QUrl(QStringLiteral("qrc:/FirstPage.qml")));
QObject *object = view.rootObject();
QObject *login = object->findChild<QObject*>("login");
QObject *password = object->findChild<QObject*>("password");
login_u = login->property("login").toString();
password_u = password->property("password").toString();}
void Login::test(){
qDebug() << "user:" << login_u;
qDebug() << "password" << password_u;
}
点击 "Button" 时的输出:
user: ""
password ""
我认为 属性 名称应该是文本。 试试这个:
login_u = login->property("text").toString();
password_u = password->property("text").toString();
我意识到您正在获取登录 class 的构造函数中的值。 应该是在调用test()的时候得到的。
void Login::test()
{
QQuickItem *object = m_view->rootObject();
QObject *login = object->findChild<QObject*>("login");
QObject *password = object->findChild<QObject*>("password");
login_u = login->property("text").toString();
password_u = password->property("text").toString();
qDebug() << "user:" << login_u;
qDebug() << "password" << password_u;
}
在这里有效
我的回答会更深入一些,试图解决背景问题,即如何正确地从 C++ 获取 QML 数据。
第一个任务是实现一个继承自 QObject
的 class 并处理用户名和密码属性,如下所示:
在这个class中,我们必须使用Q_PROPERTY
宏公开属性,如果我们想要从QML调用一个函数,它必须在Q_INVOKABLE
之前。
#ifndef LOGIN_H
#define LOGIN_H
#include <QObject>
#include <QDebug>
class Login : public QObject
{
Q_OBJECT
Q_PROPERTY(QString username READ username WRITE setUsername NOTIFY usernameChanged)
Q_PROPERTY(QString password READ password WRITE setPassword NOTIFY passwordChanged)
public:
explicit Login(QObject *parent = nullptr):QObject(parent){
}
Q_INVOKABLE void test(){
qDebug()<<mUsername<<mPassword;
}
QString username() const{
return mUsername;
}
void setUsername(const QString &username){
if(mUsername == username)
return;
mUsername = username;
emit usernameChanged(mUsername);
}
QString password() const{
return mPassword;
}
void setPassword(const QString &password)
{
if(mPassword == password)
return;
mPassword = password;
emit passwordChanged(mPassword);
}
signals:
void usernameChanged(QString username);
void passwordChanged(QString password);
private:
QString mUsername;
QString mPassword;
};
#endif // LOGIN_H
然后我们使用 qmlRegisterType 在 QML 旁边注册它,所以现在这是一个 QML 库
#include "login.h"
#include <QGuiApplication>
#include <QQmlApplicationEngine>
int main(int argc, char *argv[])
{
QGuiApplication app(argc, argv);
qmlRegisterType<Login>("com.examples.login", 1, 0, "Login");
QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
if (engine.rootObjects().isEmpty())
return -1;
return app.exec();
}
最后我们在qml端使用它们分配相应的连接
import QtQuick 2.6
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.3
import com.examples.login 1.0
Window {
visible: true
width: 640
height: 480
title: qsTr("Login")
Login{
id: login
username: usernameField.text
password: passwordField.text
}
Rectangle {
anchors.fill: parent
ColumnLayout {
id: layoutLogin
anchors.centerIn: parent
anchors.margins: 3
spacing: 3
TextField {
id: usernameField
textColor: "black"
Layout.fillWidth: true
placeholderText: "Username"
}
TextField {
id: passwordField
Layout.fillWidth: true
placeholderText: "Password"
echoMode: TextInput.Password
textColor: "black"
}
Button {
id: proccessButton
text: "Login"
Layout.fillWidth: true
onClicked: login.test()
}
}
}
}
完整的例子可以在下面找到link