十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
网页版课程源码 提取码:1uy7
成都创新互联是一家专业从事成都网站设计、做网站、网页设计的品牌网络公司。如今是成都地区具影响力的网站设计公司,作为专业的成都网站建设公司,成都创新互联依托强大的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、营销型网站建设及网站设计开发服务!
前几天,在使用Qt编程时,为项目增加了几个ui文件。偶然看一下源代码目录,发现源代码目录下的临时文件和临时目录太多了,简直杂乱不堪,虽然我们的代码是通过svn管理的,提交时有过滤设置,这些临时文件不会被入库,但是有时候需要备份一下源代码目录并打包,如果带着这么多临时文件(文件尺寸还是非常大的),那可太不方便了。所以今天我们就讲一下该如何通过pro文件的配置来整理源代码目录。
先不忙,我们顺便讲一下为项目添加界面(ui)的方法。大概分为四步:
1, 使用designer绘制ui文件并保存。
2, 编写ui的派生类。
3, 将相关文件添加到pro。
4, 使用派生类
我们分步骤讲解。
第一步,使用designer绘制某对话框资源文件(.ui),请注意,对话框类名:CDialogBase,ui文件名:dialogbase.ui。
这两个名称请仔细记下,因为后面会用到。
第二步,我们编写ui的派生类:
代码清单:
#ifndef DIALOG_H
#define DIALOG_H
#include "ui_dialogbase.h" // 头文件名称来自: dialogbase.ui ---> ui_dialogbase.h
// 第一个父类的名称来自ui文件中对话框的类名:对象查看器中的类名
// 第二个父类的名称来自ui文件中对话框基类的名称(objeceName属性): CDialogBase
class CDialog : public QDialog, public Ui::CDialogBase
{
public:
CDialog(QWidget* pParent);
~CDialog();
};
#endif
复制代码
请注意上文中,#include "ui_dialogbase.h"。
该头文件就用到了我们刚才保存界面文件时的文件名” dialogbase.ui”,Qt的uic命令将该ui文件转换为ui头文件:“ui_dialogbase.h”,即 “ui_” 加上”dialogbase”共同拼接成了”ui_dialogbase.h”。
在class CDialog的定义处,我们编写了多重派生,第一个基类是Qt的QDialog,因为我们在designer中绘制时就是用的QDialog,第二个类看着是否有些面熟?答对了,我们刚才要求大家记住的类名称就是CDialogBase,而Qt在使用uic命令转换时会为对话框自动生成一个命名空间Ui,这个基类CDialogBase就在该命名空间内部定义,所以,我们第二个基类是:Ui::CDialogBase。
另外,请大家一定要注意,把Qt的基类写在前面,原因是:如果我们的CDialog需要使用Q_OBJECT宏,该宏展开时会用到Qt的基类(QObject)的一些接口,而编译器认为这些接口只能从第一个基类中查找。所以,请把Qt的基类写在前面。
下面给出CDialog的实现文件:dialog.cpp:
代码清单:
/*! \file: dialog.h
\brief 示例实现文件
\author 星点课堂:女儿叫老白
\Date 2018/9
*/
#include "dialog.h"
CDialog::CDialog(QWidget* pParent) : QDialog(pParent)
{
setupUi(this);
}
CDialog::~CDialog()
{
}
复制代码
dialog.cpp比较简单,我们不做过多讨论,唯一需要注意的一点就是在构造函数中一定要调用setupUi(this);否则界面无法正常显示。
第三步,将相关文件添加到pro。我们目前添加了一个界面文件(dialogbaes.ui),添加了CDialog类的定义(.h)和实现文件(.cpp)。那么我们把他们添加到pro:
代码清单:
QT += widgets
FORMS += dialogbase.ui
HEADERS += ks02_02.pro \
dialog.h
SOURCES += main.cpp \
dialog.cpp
复制代码
上述代码中,FORMS配置项用来描述项目中用到的ui文件,HEADERS和SOURCES两个配置项在前面章节介绍过。如果要使用界面,请确保QT+=widgets正确配置。
第四步,我们在代码中使用CDialog。我们需要先包含CDialog的头文件(dialog.h),然后在代码中定义CDialog的对象,然后调用其接口:
代码清单:
/*! \file: main.cpp
\brief mian()函数的实现文件
\author 星点课堂:女儿叫老白
\Date 2018/8
*/
#include
#include
#include "qglobal.h"
#include "dialog.h"
using std::cout;
using std::endl;
int main(int argc, char * argv[])
{
Q_UNUSED(argc);
Q_UNUSED(argv);
QApplication app(argc, argv);
CDialog dlg(NULL);
dlg.exec();
return 0;
}
复制代码
至此我们为项目添加界面的工作就结束了。
下面我们切入正题,通过pro来整理一下目录。
为了以后进行产品化开发,我们这里引入环境变量,pro中的所有路径都通过环境变量来间接设置。我们引入一个“TRAINDEVHOME”的环境变量,它指向我们代码的src的上级目录。这样,代码的目录结构如下:
TRAINDEVHOME
------bin
------obj
------src
其中bin 、obj、src都是TRAINDEVHOME的子目录。
在pro中使用环境变量的语法:$$(环境变量)。
比如:$$(TRAINDEVHOME)
代码清单:
OBJECTS_DIR = $(TRAINDEVHOME)/obj/chapter02/ks02_02
DESTDIR = $(TRAINDEVHOME)/bin
MOC_DIR = $(OBJECTS_DIR)/moc
UI_DIR = $(OBJECTS_DIR)/ui
复制代码
在上述pro的配置中,OBJECTS_DIR是临时文件目录,我们将其设置到obj下对应的子目录。
DESTDIR是目标文件存放目录,就是最终生成的exe存放目录,我们将其放置到TRAINDEVHOME的bin目录。
Qt的moc和uic命令生成的临时文件分别放置到OBJECTS_DIR下面的moc和ui子目录。
每次修改pro之后,请大家再重新执行qmake以便更新相应的Makefile文件,如果需要更新VisualStudio的IDE中的项目文件,则需要执行qmake –tp vc。
然后,就可以重新编译程序了。
本节课程中,我们讲了为项目添加ui文件的过程,简单汇总知识点如下:
. 如果需要使用界面(ui),pro中务必添加:
QT +=widgets
. 派生类CDialog头文件中, 包含ui头文件的拼写规则和两个基类的顺序以及拼写。
#include "ui_dialogbase.h" // 头文件名称来自: dialogbase.ui ---> ui_dialogbase.h
class CDialog : public QDialog, public Ui::CDialogBase
. 派生类的构造函数中一定要调用setupUi(this);
. 在pro中使用环境变量,通过引用环境变量设置相关目录。
. 环境变量在使用时应该用下列语法:
$$(环境变量)
. MOC_DIR:用来存放qt的moc命令生成的临时文件。
. UI_DIR:用来存放qt的uic命令生成的临时文件。当项目中包含.ui文件时需要用到。
. FORMS:用来描述项目中包含的.ui文件列表
OK,总结就到这里,祝大家工作愉快!
《Qt入门与提高-GUI产品开发》目录请添加链接描述
上一节:KS02-01 通过简单exe介绍pro基本配置请添加链接描述
下一节:KS02-03 加点料-增加一张图片