30、QUiLoader 在程序运行时读取UI 文件中的信息

QUiLoader 类可让独立应用程序在运行时使用UI 文件中存储的信息,进而可以分离UI设计工作。

一、使用Qt 设计师-Qt Designer创建ui文件

打开Qt Designer,选择"创建"

往中央区域拖住几个控件,进行布局,更改三个控件的objectName(写程序时会用到)

更改按钮的样式,右击按键,选择"更改样式表"

选择更改背景

随便选择一个

点击"OK"

按钮的样式给更改

Ctr+S 保存,更改文件名为"MyUI.ui",选择一个保存位置

二、编写程序读取ui文件

创建一个Qt项目

更改.h代码如下:

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
class QLineEdit;
class QPushButton;

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:
    void onDebugPushButton();

private:
    Ui::MainWindow *ui;

    QLineEdit *m_nameLineEdit;
    QLineEdit *m_ageLineEdit;
    QPushButton *m_debugPushButton;
};
#endif // MAINWINDOW_H

更改.cpp代码如下:

#include "MainWindow.h"
#include "ui_MainWindow.h"
#include <QUiLoader>
#include <QFile>
#include <QDebug>
#include <QBoxLayout>
#include <QLineEdit>
#include <QPushButton>
#include <QDir>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    QUiLoader loader;
    QFile file("E:/1.SWS/0.Demo/MyUiLoader/MyUI.ui");
    if(!file.open(QFile::ReadOnly))
    {
        qDebug() << file.errorString();
        return;
    }

    //从UI文件中加载信息
    QWidget *myWidget = loader.load(&file, this);
    file.close();

    //使用qFindChild函数通过objectName查找需要的控件
    m_nameLineEdit = myWidget->findChild<QLineEdit*>("nameLineEdit");
    m_ageLineEdit = myWidget->findChild<QLineEdit*>("ageLineEdit");
    m_debugPushButton = myWidget->findChild<QPushButton*>("debugPushButton");
    connect(m_debugPushButton, &QPushButton::clicked, this, &MainWindow::onDebugPushButton);

    //显示到界面上
    QVBoxLayout *layout = new QVBoxLayout;
    layout->addWidget(myWidget);
    this->centralWidget()->setLayout(layout);
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::onDebugPushButton()
{
    qDebug() << m_nameLineEdit->text();
    qDebug() << m_ageLineEdit->text();
}

运行程序,界面如下,五个控件被加载进来了,而且按钮的样式还在,这样能达到界面设计与代码逻辑相分离的目的

在输入框中输入一些内容,点击"输出"按钮,输出框中打印出如下信息

相关推荐
Hello.Reader3 分钟前
全面解析 Golang Gin 框架
开发语言·golang·gin
禁默14 分钟前
深入浅出:AWT的基本组件及其应用
java·开发语言·界面编程
Code哈哈笑23 分钟前
【Java 学习】深度剖析Java多态:从向上转型到向下转型,解锁动态绑定的奥秘,让代码更优雅灵活
java·开发语言·学习
程序猿进阶27 分钟前
深入解析 Spring WebFlux:原理与应用
java·开发语言·后端·spring·面试·架构·springboot
qq_4336184429 分钟前
shell 编程(二)
开发语言·bash·shell
charlie11451419143 分钟前
C++ STL CookBook
开发语言·c++·stl·c++20
袁袁袁袁满44 分钟前
100天精通Python(爬虫篇)——第113天:‌爬虫基础模块之urllib详细教程大全
开发语言·爬虫·python·网络爬虫·爬虫实战·urllib·urllib模块教程
ELI_He9991 小时前
PHP中替换某个包或某个类
开发语言·php
m0_748236111 小时前
Calcite Web 项目常见问题解决方案
开发语言·前端·rust
倔强的石头1061 小时前
【C++指南】类和对象(九):内部类
开发语言·c++