制作ui文件
先应该用Qt Designer绘制一个自己的界面，并存为myform.ui（这里的myform可以用自己喜欢的名字代替）。在制作自己的界面文件时要注意以下几个要点：
1、要记住ui文件的名字，因为uic生成的代码会存在ui_myform.h里；
2、要记住主窗体的object name， 因为ui文件提供的类名将以这个form的名字来命，例如主窗体名字为MainWindow，则ui文件提供的类名会命名为Ui_MainWindow；
3、要特别注意你的form选择的基类要和你代码中的窗体类兼容；
4、要记得给每个后面需要访问到的控件起一个有意义并且好记的object name， 因为ui文件提供的控件将以这些object name来命名；
将ui文件加入工程
1.已经存在pro文件的，修改pro文件，加入FORMS+=myform.ui
2.直接运行qmake -project命令，该命令非常智能，可以识别后缀名为.ui、.h、.cpp等文件，并将之加入工程；
在代码中引用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;
private:
void my_function();
};
//myform.h
#include “ui_myform.h”
class MyForm: public QWidget
{
Q_OBJECT
public:
MyForm(QWidget*parent)
{
myui.setupUi(this);
}
private:
Ui::BigWidget myui;
private:
void my_function();
};
上面这段简单的类的声明是前文所述前三点要点的最佳例证，请对照要点的文字描述和具体的代码体会其中的含义。这里还有一点比较有意思的地方，就是ui文件提供的类被包含在了名为Ui的name space里，这样做的目的是将ui文件的命名空间与用户的代码分离，避免两者出现命名冲突的情况。相应的，我们写代码的时候也要注意在使用ui文件中的类时要用“Ui::”的方式进行引用。
//myform.cpp
#include <QMessageBox>
#include “myform.h”
void my_function(void)
{
QMessageBox::information(this, “Name”, myui.lineeditName->text());
}
//myform.cpp
#include <QMessageBox>
#include “myform.h”
void my_function(void)
{
QMessageBox::information(this, “Name”, myui.lineeditName->text());
}
以上是单继承的形式，主要最常用的还是多继承的方式，使用public继承，可以在BigWidget的外面访问部件的串口部件，这样带来的好处是你的窗体类继承了ui里的所有控件和方法，注意此时不能漏掉Q_OBJECT宏。
//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());
}
//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());
}
编译
1.在pro文件包含正确FORMS信息的情况下，运行qmake; make就可以编译工程了。 make时如果你认真看一下输出就会发现，make在最开始编译的时候就会自动调用uic去生成需要的代码。经过make之后ui_myform.h文件就生成了；
2.运行命令提示行到工程目录下，运行qmake -project -t vcapp -o ***.pro，生成pro文件后再次运行qmake；
3.此时生成里所需的工程文件。