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

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

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

相关推荐
纵有疾風起几秒前
C++模版:模板初阶及STL简介
开发语言·c++·经验分享·开源
QT 小鲜肉6 分钟前
【个人成长笔记】Qt Creator快捷键终极指南:从入门到精通
开发语言·c++·笔记·qt·学习·学习方法
子豪-中国机器人7 分钟前
《C++ STL 基础入门》教案
java·开发语言
消失的旧时光-194317 分钟前
ScheduledExecutorService
android·java·开发语言
勇闯逆流河18 分钟前
【C++】用红黑树封装map与set
java·开发语言·数据结构·c++
山,离天三尺三18 分钟前
深度拷贝详解
开发语言·c++·算法
future_studio42 分钟前
聊聊 Unity(小白专享、C# 小程序 之 加密存储)
开发语言·小程序·c#
m0_736927041 小时前
Spring Boot自动配置与“约定大于配置“机制详解
java·开发语言·后端·spring
feiyangqingyun1 小时前
Qt项目作品在苹果macos上编译运行效果/视频监控系统/物联网平台等
开发语言·qt·macos
你不是我我2 小时前
【Java 开发日记】我们来说一说 Redisson 的原理
java·开发语言