Qt4中ui文件的使用方法

﹏ヽ暗。殇╰゛Y 2022-04-10 07:42 222阅读 0赞

作者：shiroki @cuteqt.com 保留版权信息

网站：酷享Qt

原文链接：http://www.cuteqt.com/blog/?p=65

ui文件的使用是在Qt4中不太容易上手的一点，因为很多同学都是从Qt3升级到Qt4的，在升级过程中发现这部分的变化非常之大，让人有点无所适从。 Qt3的designer简直可以媲美一个ide，可以编辑代码，可以管理工程， 可是到了Qt4却仿佛是退化到了史前一万年，我们又来到那个茹毛饮血的蛮荒时代，工程管理的功能被彻底剔除到designer以外。  
Trolltech这样做也是有道理的，在他们的Qt4 What’s New里就阐述了他们的观点，Designer被清晰地定义为界面设计工具，只负责界面设计这个单纯的功能。（估计这也是在为后来的Creator发布做铺垫，所有你需要的工程管理的功能都放在这个新工具里实现了。）  
在qt文档中有一篇专门介绍ui文件在代码中的使用的文章，写的非常详细，而且附有清楚的代码例子。这篇文章在Assitant–>Content–>Qt Designer Manual–>Manual–>Using a Component in Your Application（最后一篇文章）。 不过在笔者实践过程中发现，其实还有一些隐藏在代码之外的细节需要大家额外注意的，还是需要点拨一下。  
鉴于一些同学还没适应大篇英文的阅读，另外鉴于这篇文档确实不那么好找，在这里做个总结，希望对大家有所帮助。  
第一步， 制作ui文件。  
首先应该用Qt Designer绘制一个自己的界面，并存为myform.ui（这里的myform可以用自己喜欢的名字代替）。  
在制作自己的界面文件时要注意以下几个要点：  
1、要记住ui文件的名字，因为uic生成的代码会存在ui\_myform.h里  
2、要记住主窗体的object name， 因为ui文件提供的类名将以这个form的名字来命名  
3、要特别注意你的form选择的基类要和你代码中的窗体类兼容  
4、要记得给每个后面需要访问到的控件起一个有意义并且好记的object name， 因为ui文件提供的控件将以这些object name来命名  
清楚了以上几点，在代码中使用你的ui文件就会变得非常简单。  
第二步，将ui文件加入工程  
这一步最简单，只需要修改pro文件，加入FORMS+=myform.ui  
qmake -project命令也可以识别后缀名为ui的文件，并将之加入工程。  
第三步，在代码中引用ui文件  
官方介绍的使用ui文件的方法有三种，一个是直接引用，二是单继承，三是多继承。 第一种方法其实很不实用，大家去看一下文档中的例子就可以了；第二种和第三种没有本质的差别，可以并作一类，这里做重点介绍。  
ui文件最终会被翻译成标准的C++代码，并存入一个.h文件中，这个过程在调用make之后才进行，所以初始情况下你是看不到这个ui\_myform.h文件的，只有经过了make过程该头文件才生成。不过没关系，没有这个文件我们照样能写出正确的代码。  
单继承方式简单来说就是在代码中首先要自定义一个子类（后文称为MyForm），该类要从form对应的窗体类（或其兼容的子类）派生；并用ui生成的类定义一个类里的成员变量（后文成文myui）。这样在MyForm的构造函数中可以直接调用myui和myui中的变量和函数，使用起来很方便。 举例说明， 比如这里有一个ui文件叫myform.ui， ui文件里定义的窗体名字为BigWidget，上面摆放了一个单行编辑控件叫lineeditName：  
————————————-  
//myform.h  
\#include “ui\_myform.h”  
class MyForm: public QWidget  
\{  
Q\_OBJECT  
public:  
MyForm(QWidget\*parent)  
\{  
myui.setupUi(this);  
\}  
private:  
Ui::BigWidget myui;  
void my\_function();  
\};  
————————————-  
上面这段简单的类的声明是前文所述前三点要点的最佳例证，请对照要点的文字描述和具体的代码体会其中的含义。这里还有一点比较有意思的地方，就是ui文件提供的类被包含在了名为Ui的name space里，这样做的目的是将ui文件的命名空间与用户的代码分离，避免两者出现命名冲突的情况。相应的，我们写代码的时候也要注意在使用ui文件中的类时要用“Ui::”的方式进行引用。  
再来看cpp文件  
————————————–  
//myform.cpp  
\#include <QMessageBox>  
\#include “myform.h”  
void my\_function(void)  
\{  
QMessageBox::information(this, “Name”, myui.lineeditName->text());  
\}  
————————————–  
这里随便写了一个函数，为了说明如何在窗体类里调用ui文件中定义的控件。这段代码非常简单，就不多作说明了。  
有了单继承的基础，学习多继承是小菜一碟。来段代码看一下就明白了。  
————————————-  
//myform.h  
\#include “ui\_myform.h”  
class MyForm: public QWidget, public Ui::BigWidget  
\{  
Q\_OBJECT  
public:  
MyForm(QWidget\*parent)  
\{  
setupUi(this);  
\}  
private:  
void my\_function();  
\};  
————————————–  
//myform.cpp  
\#include <QMessageBox>  
\#include “myform.h”  
void my\_function(void)  
\{  
QMessageBox::information(this, “Name”, lineeditName->text());  
\}  
————————————–  
是不是不用说明大家也能明白呢？多继承其实就是不仅从form需要的窗体类去派生，还要加上ui提供的类本身。这样带来的好处是你的窗体类继承了ui里的所有控件和方法，调用时就可以少写一些字。  
单继承和多继承这两种方法没有好坏之分，大家可以根据自己的编程习惯取舍。  
第四步，编译、验证  
在pro文件包含正确FORMS信息的情况下，运行qmake; make就可以编译工程了。 make时如果你认真看一下输出就会发现，make在最开始编译的时候就会自动调用uic去生成需要的代码。经过make之后ui\_myform.h文件就生成了，建议大家去看一下这个文件的内容，其中还是有一些有意思的东西值得研究的。下次再写一篇帖子来说说ui文件生成的代码。  
本站所有文章由本站和原作者保留一切权力，仅在保留本版权信息、原文链接、原文作者的情况下允许转载，转载请勿删改原文内容， 并不得用于商业用途。 谢谢合作。  
原文链接:http://www.cuteqt.com/blog/?p=65

**原文地址** [http://www.cuteqt.com/blog/?p=65 ][http_www.cuteqt.com_blog_p_65]

[http_www.cuteqt.com_blog_p_65]: http://www.cuteqt.com/blog/?p=65%20