QT学习第一章：基本对话框--利用Qt Designer设计多个UI界面

最新推荐文章于 2025-10-13 10:42:56 发布

原创

最新推荐文章于 2025-10-13 10:42:56 发布 · 1.6w 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#qt #ui #makefile #class #string #encoding

本文介绍如何在QT项目中使用Qt Designer设计并整合多个UI界面，包括First.ui、Second.ui和Third.ui。通过QTabWidget实现选项卡切换，并演示了UI界面之间的交互，如按钮点击事件。

QT学习第一章：基本对话框--利用Qt Designer设计多个UI界面

效果截图：

创建上文件夹Designers，使用Designer设计三个UI界面：

First.ui

Second.ui

Third.ui

下面三个代码文件的源码：

/** Object: Designers ** Desc: Designers 在程序中使用多个UI界面 ** File: main.cpp ** Compile:qmake-qt4 -project;qmake-qt4;make; ** Author: LiXiujie www.xiujie.cn ** Date: 2011-05-20 ** Note: 编译说明： ** qmake-qt4 -prject 自动生成程序的项目文件（*.pro）; ** 打开工程文件加入 FORMS += / Second.ui / First.ui / Third.ui ** qmake-qt4 用于生成程序的Makefile文件； ** make 编译 Makefile 文件得到可执行文件。 ** */ #include <QApplication> // 所有QT图形化应用程序必须包含此文件，它包含了QT图形化应用程序的各种资源、基本设置、控制流及事件处理等。 #include <QDialog> #include "MyWidget.h" // 自定义类 int main(int argc, char *argv[]){ QApplication app(argc, argv); MyWidget *dialog = new MyWidget; dialog->show(); return app.exec(); }

/** Object: Designers ** Desc: Designers 在程序中使用多个UI界面 ** File: MyWidget.h ** Class: MyWidget ** Compile:qmake-qt4 -project;qmake-qt4;make; ** Author: LiXiujie www.xiujie.cn ** Date: 2011-05-20 ** Note: 编译说明： **