二、Qt UI文件设计与运行机制

已于 2024-02-01 09:01:07 修改
阅读量677 收藏 7
点赞数 8
分类专栏： QT 文章标签： qt
于 2024-01-03 21:13:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liutit/article/details/135372013
版权

一、UI文件设计与运行机制

1、创建工程

在这里插入图片描述
在这里插入图片描述

2、添加控件，实现按钮点击

（1）添加控件

在这里插入图片描述

（2）添加信号和槽

在这里插入图片描述

2、分析项目结构

test_02
	test_02.pro			Qt工程文件
	Headers
		widget.h		设计的窗体类的头文件
	Sources
		main.cpp		主程序入口文件
		widget.cpp		窗体类的实现文件
	Forms
		widget.ui		界面文件，使用XML格式描述远见及布局

../build-xxx/ui_widget.h	组件、信号与槽实现的文件，根据ui界面文件编译自动生成

（1）项目管理文件

后缀为.pro

# 包含的模块
QT       += core gui
# 大于Qt4版本才包含widget模块
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
# 应用程序的名称，生成可执行程序的名称
TARGET = test_02
# 模板类型，应用程序模板
TEMPLATE = app

# 定义编译选项
#  QT_DEPRECATED_WARNINGS：当Qt的某些功能被标记为过时的，那么编译器会发出警告
DEFINES += QT_DEPRECATED_WARNINGS

# 编译器版本
CONFIG += c++11
# 源文件
SOURCES += \
        main.cpp \
        widget.cpp
# 头文件
HEADERS += \
        widget.h
# Form文件
FORMS += \
        widget.ui

（2）ui文件

由UI设计器自动生成，存储了组件和布局

在这里插入图片描述

（3）主函数文件

#include "widget.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);		// 定义并创建应用程序
    Widget w;						// 定义并创建窗口
    w.show();						// 显示窗口
    return a.exec();				// 应用长须运行，开始消息循环和事件处理
}

（4）widget类

// 头文件
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

namespace Ui {
class Widget;	// ui_widget.h文件定义的类，外部声明
}

class Widget : public QWidget
{
    Q_OBJECT 	// 宏，使用Qt信号与槽机制必须添加
public:
    explicit Widget(QWidget *parent = nullptr);
    ~Widget();

private:
    Ui::Widget *ui;	// Ui::Widget类型的一个指针，指向可视化界面
};
#endif // WIDGET_H

// 源文件
#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);	// 实现了组件的各种设置、信号与槽的关联，即ui_widget.h文件中实现方法
}

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

（5）ui_widget.h文件

#ifndef UI_WIDGET_H
#define UI_WIDGET_H

#include <QtCore/QVariant>
#include <QtWidgets/QApplication>
#include <QtWidgets/QLabel>
#include <QtWidgets/QPushButton>
#include <QtWidgets/QWidget>

QT_BEGIN_NAMESPACE

class Ui_Widget
{
public:
    QLabel *labDemo;
    QPushButton *bntClose;

    void setupUi(QWidget *Widget)
    {	// 组件对象创建、信号和槽关联
        if (Widget->objectName().isEmpty())
            Widget->setObjectName(QString::fromUtf8("Widget"));
        Widget->resize(400, 300);
        labDemo = new QLabel(Widget);
        labDemo->setObjectName(QString::fromUtf8("labDemo"));
        labDemo->setGeometry(QRect(50, 90, 71, 41));
        QFont font;
        font.setPointSize(15);
        labDemo->setFont(font);
        bntClose = new QPushButton(Widget);
        bntClose->setObjectName(QString::fromUtf8("bntClose"));
        bntClose->setGeometry(QRect(310, 20, 75, 23));

        retranslateUi(Widget);
        QObject::connect(bntClose, SIGNAL(clicked()), Widget, SLOT(close()));

        QMetaObject::connectSlotsByName(Widget);
    } // setupUi

    void retranslateUi(QWidget *Widget)
    {
        Widget->setWindowTitle(QCoreApplication::translate("Widget", "Widget", nullptr));
        labDemo->setText(QCoreApplication::translate("Widget", "\346\265\213\350\257\225", nullptr));
        bntClose->setText(QCoreApplication::translate("Widget", "\345\205\263\351\227\255", nullptr));
    } // retranslateUi

};

namespace Ui {
    class Widget: public Ui_Widget {};	//widget类中指针的类型
} // namespace Ui

QT_END_NAMESPACE

#endif // UI_WIDGET_H

二、可视化UI设计

实现一个程序实现：一个文本显示；三个复选框分别设置下划线、斜体、粗体；三个单选分别为红、绿、蓝三色；一个关闭按钮。

1、创建工程（基于QDialog，对话框）

2、添加组件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3、添加信号和槽

（1）关闭按钮

在这里插入图片描述

（2）通过组件实现复选框槽函数功能

在这里插入图片描述
在这里插入图片描述

void Dialog::on_checkBoxUnderline_clicked(bool checked)
{
    QFont font = ui->plainTextEdit->font();
    font.setUnderline(checked);
    ui->plainTextEdit->setFont(font);
}

void Dialog::on_checkBoxItalix_clicked(bool checked)
{
    QFont font = ui->plainTextEdit->font();
    font.setItalic(checked);
    ui->plainTextEdit->setFont(font);
}


void Dialog::on_checkBoxBold_clicked(bool checked)
{
    QFont font = ui->plainTextEdit->font();
    font.setBold(checked);
    ui->plainTextEdit->setFont(font);
}

在这里插入图片描述

（3）添加自定义槽函数，关联信号

实现槽函数

void Dialog::setTextFontColor()
{
    QPalette plet = ui->plainTextEdit->palette();
    plet.setColor(QPalette::Text, Qt::black);
    if(ui->radioButtonRed->isChecked())
    {
        plet.setColor(QPalette::Text, Qt::red);
    }
    else if (ui->radioButtonGreen->isChecked()) {
        plet.setColor(QPalette::Text, Qt::green);
    }
    else if (ui->radioButtonBlue->isChecked()) {
        plet.setColor(QPalette::Text, Qt::blue);
    }
    ui->plainTextEdit->setPalette(plet);
}

关联槽函数和消息

Dialog::Dialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::Dialog)
{
    ui->setupUi(this);
    QObject::connect(ui->radioButtonRed, SIGNAL(clicked()), this, SLOT(setTextFontColor()));
    QObject::connect(ui->radioButtonGreen, SIGNAL(clicked()), this, SLOT(setTextFontColor()));
    QObject::connect(ui->radioButtonBlue, SIGNAL(clicked()), this, SLOT(setTextFontColor()));
}

三、代码化UI设计

1、创建工程

创建一个Widget Application项目：QDialog作为窗口基类，不勾选“Generate form”(中文：创建界面)，即干部床减ui文件

在这里插入图片描述

2、在对话框类（dialog）中添加控件对象

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QCheckBox>        // 复选框
#include <QRadioButton>     // 单选框
#include <QPushButton>      // 按钮
#include <QPlainTextEdit>   // 文本编辑框


class Dialog : public QDialog
{
    Q_OBJECT

private:
    // 复选框
    QCheckBox *checkBoxUnderline;
    QCheckBox *checkBoxItalic;
    QCheckBox *checkBoxBold;

    // 单选框
    QRadioButton *rBtnRed;
    QRadioButton *rBtnGreen;
    QRadioButton *rBtnBlue;

    // 文本编辑框
    QPlainTextEdit *plainTextEdit;

    // 按钮
    QPushButton *btnOK;
    QPushButton *btnChancel;
    QPushButton *btnClose;


public:
    Dialog(QWidget *parent = 0);
    ~Dialog();
};

#endif // DIALOG_H

#include "dialog.h"
#include <QHBoxLayout>
#include <QVBoxLayout>


Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    // 文本编辑框
    plainTextEdit = new QPlainTextEdit(tr("Hello World"));
    // 修改字体大小
    QFont font = plainTextEdit->font();
    font.setPointSize(28);
    plainTextEdit->setFont(font);
    // 设置内容
    plainTextEdit->setPlainText(tr("Hello World !!!"));
    // 水平布局
    QHBoxLayout *HLayoutPlainTextEdit = new QHBoxLayout;
    HLayoutPlainTextEdit->addWidget(plainTextEdit);

    // 复选框
    checkBoxUnderline = new QCheckBox(tr("下划线"));
    checkBoxItalic = new QCheckBox(tr("斜体"));
    checkBoxBold = new QCheckBox(tr("加粗"));
    // 水平布局
    QHBoxLayout *HLayoutCheckBox = new QHBoxLayout;
    HLayoutCheckBox->addWidget(checkBoxUnderline);
    HLayoutCheckBox->addWidget(checkBoxItalic);
    HLayoutCheckBox->addWidget(checkBoxBold);


    // 单选框
    rBtnRed = new QRadioButton(tr("红色"));
    rBtnGreen = new QRadioButton(tr("绿色"));
    rBtnBlue = new QRadioButton(tr("蓝色"));
    // 水平布局
    QHBoxLayout *HLayoutRadioButton = new QHBoxLayout;
    HLayoutRadioButton->addWidget(rBtnRed);
    HLayoutRadioButton->addWidget(rBtnGreen);
    HLayoutRadioButton->addWidget(rBtnBlue);

    // 按钮
    btnOK = new QPushButton(tr("确定"));
    btnChancel = new QPushButton(tr("取消"));
    btnClose = new QPushButton(tr("关闭"));
    QHBoxLayout *HLayoutPushButton = new QHBoxLayout;
    HLayoutPushButton->addStretch();    // 添加占位
    HLayoutPushButton->addWidget(btnOK);
    HLayoutPushButton->addWidget(btnChancel);
    HLayoutPushButton->addStretch();    // 添加占位
    HLayoutPushButton->addWidget(btnClose);
    HLayoutPushButton->addStretch();    // 添加占位

    // 垂直对其
    QVBoxLayout *VLayout = new QVBoxLayout;
    VLayout->addLayout(HLayoutPlainTextEdit);
    VLayout->addLayout(HLayoutCheckBox);
    VLayout->addLayout(HLayoutRadioButton);
    VLayout->addLayout(HLayoutPushButton);

    // 将控件提交给对话框
    setLayout(VLayout);

}

Dialog::~Dialog()
{

}


所有控件已经出现在对话框中，且在拉伸对话框时，所有控件都等比缩放。

在这里插入图片描述

3、注册信号与槽

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QCheckBox>        // 复选框
#include <QRadioButton>     // 单选框
#include <QPushButton>      // 按钮
#include <QPlainTextEdit>   // 文本编辑框


class Dialog : public QDialog
{
    Q_OBJECT

private:
    // 复选框
    QCheckBox *checkBoxUnderline;
    QCheckBox *checkBoxItalic;
    QCheckBox *checkBoxBold;

    // 单选框
    QRadioButton *rBtnRed;
    QRadioButton *rBtnGreen;
    QRadioButton *rBtnBlue;

    // 文本编辑框
    QPlainTextEdit *plainTextEdit;

    // 按钮
    QPushButton *btnOK;
    QPushButton *btnChancel;
    QPushButton *btnClose;

private:
    void initUI();
    void initSignalSolts();

private slots:
    void on_checkUnderline(bool bChecked);
    void on_checkItalic(bool bChecked);
    void on_checkBold(bool bChecked);
    void on_setTextFontColor();


public:
    Dialog(QWidget *parent = 0);
    ~Dialog();
};

#endif // DIALOG_H


#include "dialog.h"
#include <QHBoxLayout>
#include <QVBoxLayout>


void Dialog::initUI()
{
    // 文本编辑框
    plainTextEdit = new QPlainTextEdit(tr("Hello World"));
    // 修改字体大小
    QFont font = plainTextEdit->font();
    font.setPointSize(28);
    plainTextEdit->setFont(font);
    // 设置内容
    plainTextEdit->setPlainText(tr("Hello World !!!"));
    // 水平布局
    QHBoxLayout *HLayoutPlainTextEdit = new QHBoxLayout;
    HLayoutPlainTextEdit->addWidget(plainTextEdit);

    // 复选框
    checkBoxUnderline = new QCheckBox(tr("下划线"));
    checkBoxItalic = new QCheckBox(tr("斜体"));
    checkBoxBold = new QCheckBox(tr("加粗"));
    // 水平布局
    QHBoxLayout *HLayoutCheckBox = new QHBoxLayout;
    HLayoutCheckBox->addWidget(checkBoxUnderline);
    HLayoutCheckBox->addWidget(checkBoxItalic);
    HLayoutCheckBox->addWidget(checkBoxBold);


    // 单选框
    rBtnRed = new QRadioButton(tr("红色"));
    rBtnGreen = new QRadioButton(tr("绿色"));
    rBtnBlue = new QRadioButton(tr("蓝色"));
    // 水平布局
    QHBoxLayout *HLayoutRadioButton = new QHBoxLayout;
    HLayoutRadioButton->addWidget(rBtnRed);
    HLayoutRadioButton->addWidget(rBtnGreen);
    HLayoutRadioButton->addWidget(rBtnBlue);

    // 按钮
    btnOK = new QPushButton(tr("确定"));
    btnChancel = new QPushButton(tr("取消"));
    btnClose = new QPushButton(tr("关闭"));
    QHBoxLayout *HLayoutPushButton = new QHBoxLayout;
    HLayoutPushButton->addStretch();    // 添加占位
    HLayoutPushButton->addWidget(btnOK);
    HLayoutPushButton->addWidget(btnChancel);
    HLayoutPushButton->addStretch();    // 添加占位
    HLayoutPushButton->addWidget(btnClose);
    HLayoutPushButton->addStretch();    // 添加占位

    // 垂直对其
    QVBoxLayout *VLayout = new QVBoxLayout;
    VLayout->addLayout(HLayoutPlainTextEdit);
    VLayout->addLayout(HLayoutCheckBox);
    VLayout->addLayout(HLayoutRadioButton);
    VLayout->addLayout(HLayoutPushButton);

    // 将控件提交给对话框
    setLayout(VLayout);
}

void Dialog::initSignalSolts()
{
    // 注册按钮事件
    connect(btnOK, SIGNAL(clicked()), this, SLOT(accept()));
    connect(btnChancel, SIGNAL(clicked()), this, SLOT(reject()));
    connect(btnClose, SIGNAL(clicked()), this, SLOT(close()));

    // 注册复选框
    connect(checkBoxUnderline, SIGNAL(clicked(bool)), this, SLOT(on_checkUnderline(bool)));
    connect(checkBoxItalic, SIGNAL(clicked(bool)), this, SLOT(on_checkItalic(bool)));
    connect(checkBoxBold, SIGNAL(clicked(bool)), this, SLOT(on_checkBold(bool)));

    // 注册单选框
    connect(rBtnRed, SIGNAL(clicked()), this, SLOT(on_setTextFontColor()));
    connect(rBtnGreen, SIGNAL(clicked()), this, SLOT(on_setTextFontColor()));
    connect(rBtnBlue, SIGNAL(clicked()), this, SLOT(on_setTextFontColor()));
}

void Dialog::on_checkUnderline(bool bChecked)
{
    QFont font = plainTextEdit->font();
    font.setUnderline(bChecked);
    plainTextEdit->setFont(font);
}

void Dialog::on_checkItalic(bool bChecked)
{
    QFont font = plainTextEdit->font();
    font.setItalic(bChecked);
    plainTextEdit->setFont(font);
}

void Dialog::on_checkBold(bool bChecked)
{
    QFont font = plainTextEdit->font();
    font.setBold(bChecked);
    plainTextEdit->setFont(font);
}

void Dialog::on_setTextFontColor()
{
    QPalette plet = plainTextEdit->palette();
    plet.setColor(QPalette::Text, Qt::black);
    if(rBtnRed->isChecked())
    {
        plet.setColor(QPalette::Text, Qt::red);
    }
    else if (rBtnGreen->isChecked()) {
        plet.setColor(QPalette::Text, Qt::green);
    }
    else if (rBtnBlue->isChecked()) {
        plet.setColor(QPalette::Text, Qt::blue);
    }
    plainTextEdit->setPalette(plet);
}

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    initUI();
    initSignalSolts();
}

Dialog::~Dialog()
{

}

在这里插入图片描述

四、混合方式UI设计

实现一个文本编辑器

在这里插入图片描述

1、创建基于QMainWindow的项目

2、添加资源文件

在这里插入图片描述
在这里插入图片描述
添加前缀
在这里插入图片描述
添加文件（添加前缀之后会出现）
在这里插入图片描述
在这里插入图片描述

3、添加工具栏

Action：可以创建菜单项，工具栏按钮

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
添加关闭信号和槽
在这里插入图片描述

4、设置文本框布局

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    // 将编辑框设置为中心布局
    setCentralWidget(ui->plainTextEdit);
}

在这里插入图片描述

5、工具栏和状态栏添加组件（代码编辑UI）

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

#include <QProgressBar> // 进度条
#include <QLabel>       // 标签
#include <QSpinBox>     // 数值输入框
#include <QFontComboBox>    // 字体选择器

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

private:
    QLabel *fLabCurrFile;
    QProgressBar *progressBar;
    QSpinBox *spinFontSize;
    QFontComboBox *comboxFont;

    void initUI();

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

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H


#include "mainwindow.h"
#include "ui_mainwindow.h"

void MainWindow::initUI()
{
    // 添加状态栏
    fLabCurrFile = new QLabel;
    fLabCurrFile->setMidLineWidth(150); //设置最小宽度
    fLabCurrFile->setText("当前文件：");
    ui->statusBar->addWidget(fLabCurrFile);

    // 进度条
    progressBar = new QProgressBar;
    progressBar->setMinimum(5); //设置最小值
    progressBar->setMaximum(50);    //设置最大值
    progressBar->setValue(ui->plainTextEdit->font().pointSize());   //设置当前值
    ui->statusBar->addWidget(progressBar);

    // 工具栏添加字体大小
    ui->mainToolBar->addWidget(new QLabel("字体大小"));
    spinFontSize = new QSpinBox;
    spinFontSize->setMinimum(5);
    spinFontSize->setMaximum(50);
    ui->mainToolBar->addWidget(spinFontSize);

    // 工具栏添加字体选择器
    ui->mainToolBar->addWidget(new QLabel("字体大小"));
    comboxFont = new QFontComboBox;
    ui->mainToolBar->addWidget(comboxFont);
}

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    // 将编辑框设置为中心布局
    initUI();
    setCentralWidget(ui->plainTextEdit);
}

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

在这里插入图片描述

6、添加剪切复制粘贴信号与槽

在这里插入图片描述

7、添加粗体、斜体、下划线的信号与槽

在这里插入图片描述

void MainWindow::on_actBold_triggered(bool checked)
{
    /*
    // 对整个组件生效
    QFont font = ui->plainTextEdit->font();
    font.setBold(checked);
    ui->plainTextEdit->setFont(font);
    */
    // 单独对选中内容
    QTextCharFormat fmt;
    if(checked){
        fmt.setFontWeight(QFont::Bold);
    }
    else {
        fmt.setFontWeight(QFont::Normal);
    }
    ui->plainTextEdit->mergeCurrentCharFormat(fmt);
}

void MainWindow::on_actItalic_triggered(bool checked)
{
    /*
    // 对整个组件生效
    QFont font = ui->plainTextEdit->font();
    font.setItalic(checked);
    ui->plainTextEdit->setFont(font);
    */
    // 单独对选中内容
    QTextCharFormat fmt;
    fmt.setFontItalic(checked);
    ui->plainTextEdit->mergeCurrentCharFormat(fmt);
}

void MainWindow::on_actUnderline_triggered(bool checked)
{
    /*
    // 对整个组件生效
    QFont font = ui->plainTextEdit->font();
    font.setUnderline(checked);
    ui->plainTextEdit->setFont(font);
    */
    // 单独对选中内容
    QTextCharFormat fmt;
    fmt.setFontUnderline(checked);
    ui->plainTextEdit->mergeCurrentCharFormat(fmt);
}

在这里插入图片描述

8、添加：根据文本框内容选中修改工具栏状态

选中文本编辑框，右击选择转到槽。

在这里插入图片描述
选中selectionChanged。
在这里插入图片描述

void MainWindow::on_plainTextEdit_selectionChanged()
{
    QTextCharFormat fmt;

    fmt = ui->plainTextEdit->currentCharFormat();

    ui->actItalic->setChecked(fmt.fontItalic());
    ui->actBold->setChecked(fmt.font().bold());
    ui->actUnderline->setChecked(fmt.fontUnderline());
}

在这里插入图片描述
在这里插入图片描述

9、设置字体大小与字体

void MainWindow::initSignalSlots()
{
    connect(spinFontSize, SIGNAL(valueChanged(int)), this,
            SLOT(on_spinBoxFontSize_valueChanged(int)));
    connect(comboxFont, SIGNAL(currentIndexChanged(const QString&)), this,
            SLOT(on_comboxFont_currentIndexChanged(const QString&)));
}
void MainWindow::on_spinBoxFontSize_valueChanged(int nFontSize)
{
    QTextCharFormat fmt;
    fmt.setFontPointSize(nFontSize);
    ui->plainTextEdit->mergeCurrentCharFormat(fmt);
    progressBar->setValue(nFontSize);
}

void MainWindow::on_comboxFont_currentIndexChanged(const QString &strIndex)
{
    QTextCharFormat fmt;
    fmt.setFontFamily(strIndex);
    ui->plainTextEdit->mergeCurrentCharFormat(fmt);
}

在这里插入图片描述

10、设置应用程序图标

工程文件添加配置项，工程目录添加图片文件。

RC_ICONS = AppIcon.ico

在这里插入图片描述

[T]
关注
  • 8
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
qt 退出程序_Qt小技巧分享
weixin_39680121的博客
12-07 2235
Qt之Ui2020/09/07是否做课设时敲代码敲的昏天黑地？苦恼于如何做出一个好看的可视化界面？今天，教你不用代码就做出一个漂亮的窗口。Qt 项目中，后缀为“.ui”的文件是可视化设计的窗体的定义文件，如 widget.ui。双击项目文件目录树中的文件 widget.ui，会打开一个集成在 Qt Creator 中的 Qt Designer 对窗体进行可视化设计，如图所示。 UI...
详解Qt的底层实现机制
exlink2012的专栏
12-21 1024
这些底层机制的深入理解有助于更好地利用Qt的强大功能，并编写高效、可维护的应用程序。对于更详细的技术细节，建议参阅Qt的官方文档以及相关的技术书籍。接下来，对Qt的元对象系统进行详细阐述。
二、Qt UI文件设计与运行机制.zip
03-02
二、Qt UI文件设计与运行机制.zip
基于Qt编写的音乐播放器，界面由QML编写，网络和文件由C++实现，能够搜索和播放在线歌曲。.zip
04-22
Qt技术是一套强大的跨平台应用程序开发框架，专注于使用C++语言来构建高性能、高可维护性的软件解决方案。自1991年首次推出以来，Qt因其卓越的跨平台能力、丰富的功能集、高效的开发工具和良好的社区支持而广受开发者欢迎。以下是对Qt技术的详细介绍： 核心特性 跨平台性： Qt设计的核心理念是“一次编写，到处运行”。它支持多种操作系统，包括但不限于Windows、macOS、Linux、Android和iOS。通过Qt，开发者可以使用同一套源代码，在不同平台上编译并生成原生外观与体验的应用程序，极大地提高了开发效率和产品一致性。 图形用户界面（GUI）开发： 提供了一个完整的GUI工具箱，包含各种控件（如按钮、文本框、滑块、列表视图等）、布局管理器、样式表支持、动画效果等，帮助开发者快速构建美观、功能丰富的桌面和移动应用界面。Qt Designer是一个可视化界面设计工具，允许通过拖放操作构建UI，所见即所得。 非GUI应用开发： 除了GUI程序，Qt同样适用于开发命令行工具、后台服务、嵌入式系统等非图形化应用。其底层API涵盖了文件处理、线程、网络通信、数据库访问等广泛的功能。 面向对象设计： Qt采用面向对象的设计原则，提供了高度模块化的类库，使得代码组织清晰、易于扩展和重用。它遵循MVC（模型-视图-控制器）模式，支持数据驱动的界面设计。 元对象系统与信号槽机制： Qt Meta-Object System（元对象系统）是Qt框架的一个重要特性，它引入了元对象编译器（moc），用于在编译时生成额外的代码以支持对象间通信、反射、动态属性绑定等高级功能。 Signal & Slot机制是Qt中实现对象间事件驱动通信的核心方式。信号代表对象状态变化或事件发生，槽则是响应这些信号的可调用实体。这种松耦合的通信方式简化了异步编程和事件处理。 QML与Qt Quick： QML是一种声明性语言，结合JavaScript，用于快速创建流畅、动态的用户界面。它与Qt Quick框架紧密集成，特别适合开发现代化、触屏友好的应用。 Qt Quick Controls和Qt Quick Dialogs提供了一系列预定义的QML组件，用于构建具有传统桌面风格或现代移动风格的界面元素。同时，Qt Quick也支持自定义控件开发。 多媒体支持： Qt Multimedia模块提供对音频、视频播放、录音、摄像头访问等功能的支持，使得开发多媒体应用程序变得简便。 网络功能： Qt Network模块封装了网络通信相关的API，包括HTTP、FTP、TCP/UDP套接字、SSL加密、DNS查询等，便于开发网络应用和服务。 国际化与本地化： Qt Linguist工具支持应用程序的多语言翻译和本地化工作，确保软件能适应全球市场。 开发工具与生态系统： Qt Creator是一款集成开发环境（IDE），集成了项目管理、代码编辑、调试、版本控制、QML预览等多种功能，为Qt开发提供了无缝的工作流程。 Qt拥有活跃的开发者社区、丰富的文档资源、示例代码库以及商业支持选项，为开发者的学习、问题解决和项目实施提供了坚实后盾。
05_UI 文件设计与运行机制1
08-03
1. 项目文件组成 2. 项目管理文件 3. 界面文件 4. 主函数文件 5. 窗体相关的文件 1. 项目文件组成 2. 项目管理文件 3. 界面文件 4. 主
QtCreator增加ui文件后编译不能生成ui_***.h的问题
simon69的专栏
04-24 1515
删除所有 Makefile.* 重新编译即可生成ui_***.h。
Qt中的UI文件介绍
热门推荐
Albert_weiku的博客
06-28 1万+
.ui通常是指Qt设计师设计出来的界面文件的后缀，它本质上是一个标准XML格式的文本文件，需要通过uicuic工具将其转换为项目中可用的ui\_*.hui_∗.h头文件
【Qt】如何在Qt应用程序中使用设计好的UI文件
iriczhao的博客
01-29 3875
本文描述如何在编译的时候使用ui文件。描述ui文件背后的机制，以及如何在应用程序中使用设计好的ui文件。
Qt中查看ui_xxx.h文件方法
modi000的博客
07-23 2532
Qt当有界面的情况时，构造完成后，会生成ui_xxx.h文件。 查看ui_xxx.h文件的方法： 在cpp中找到某个控件的代码：比如 ui->pushbutton..... 按住ctrl键，鼠标左键点击ui->pushbutton 即可进入到ui_xxx.h文件中。 ...
Qt Visual Studio添加Qt ui和编译注意事项
wjjontheway的专栏
12-14 3198
VS工程中添加Qt Widget Class过程注意事项
Qt入门之UI文件设计与运行机制
GLX的博客
02-16 447
Qt入门之UI文件设计与运行机制 QMainWindow 是主窗口类，主窗口具有主菜单栏，工具栏和状态栏，类似于一般的应用程序的窗口 QWidget是所有具体可视界面类的基类，选择QWidget 创建的界面对各种界面组件都可以支持 QDialog是对话框类，可建立一个基于对话框的界面 项目文件组成 1.项目组织文件samp2_1.pro，存储项目设置的文件 #表示加入了 core...
《Qt 5.9 C++开始指南》2.1节 UI文件设计与运行机制 实例程序
05-14
通过一个主窗口继承于QWidget的简单应用程序，介绍了Qt项目文件的组成、各文件的作用，分析了Qt Designer设计的UI文件的结构，以及Qt如何根据可视化设计的UI文件创建界面。
操作系统课程设计：使用c++基于Qt框架开发的任务管理器，UI仿照win10.zip
08-03
Qt的元对象系统（Meta-Object-System）提供了对象之间通信的信号与槽机制、运行时类型信息和动态属性系统。 元对象系统由以下三个基础组成： 1.QObject类是所有使用元对象系统的类的基类； 2.在一个类的private部分...
Python Qt GUI设计：Python调用UI文件的两种方法（基础篇—3）
07-02 755
Python调用UI文件有两种方法：第一种将UI文件转换为Python文件，进行调用，第二种动态加载UI界面。
Qt添加新界面
new1149_的博客
07-07 1933
6.默认进入了“设计”界面，回到“编辑”下可以看到新界面创建成功。4.输入类名，例如"MyInterface"，然后“下一步”3.选择想要的界面模板，然后“下一步”。2.选择“Qt”下的“设计师界面类”1.右击项目名，选择“添加新文件”
QT学习_06_UI设计
heqiunong的专栏
11-01 4381
双击这个.ui文件，就可以进入设计界面下面简单的介绍ui设计界面的各模块的作用和功能。
Qt - .ui 文件的使用
编码时光
07-24 672
目录 工具栏 Dock Widget 代码控制 ui 添加资源 添加文件
QT:tcpSocket 代理 报错The proxy type is invalid for this operation
最新发布
哂笑年少
06-12 160
Qt低版本正常通讯换用高版本后通讯报错 The proxy type is invalid for this operation。qt调用connectToHost时会检查代理情况，qt程序默认会使用代理设置会导致此问题，只要关闭代理就可以了。
Qt——升级系列（Level Four）：控件概述、QWidget 核心属性、按钮类控件
Russ_Leo的博客
06-10 305
控件概述；QWidget 核心属性：核心属性概览、enabled、geometry、windowTitle、windowIcon、windowOpacity、cursor、font、toolTip、focusPolicy、styleSheet；按钮类控件：Push Button、Radio Buttion、Check Box、Tool Button。
qt的ui页面上如何运行c++程序
06-04
在Qt的UI页面上运行C++程序可以通过添加按钮来实现。您可以在Qt的UI设计器中添加一个QPushButton控件，然后在其clicked()信号的槽函数中编写您的C++代码。具体步骤如下： 1. 打开Qt的UI设计器，向您的UI页面中添加QPushButton控件。 2. 右击QPushButton控件，选择“转到槽”选项，然后选择“clicked()”信号。 3. 在弹出的槽函数中编写您的C++代码，可以使用QMessageBox来显示结果或者使用QTextEdit来显示输出。 4. 在Qt Creator中编译和运行您的程序，然后单击QPushButton控件以运行您的C++代码。 需要注意的是，您需要确保您的C++代码与Qt的UI线程分离，以避免界面卡顿或崩溃。您可以使用Qt的信号和槽机制来实现这一点。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值