在 Qt Creator 中使用 Qt Designer 创建 UI 文件步骤
一、添加ui文件到pro中
鼠标移动到项目->右键->添加现有文件；找到要添加的xxxx.ui文件；点击打开按钮，完成xxxx.ui的添加。
二、在项目pro文件中指定UI_DIR路径
指定UI_DIR路径有两个目的：1.编译输出的xxxx_ui.h文件会输出到UI_DIR指定的目录。
2.我们包含xxxx_ui.h时会自动到UI_DIR指定的目录下去寻找。
pro文件中添加如图：
三、 在对应的类中添加ui文件引用，将ui文件和对应的类绑定起来
1. 在类头文件中添加命名空间引用
namespace Ui
{
class CenterWidget;
}
2. 在类定义中定义一个ui类指针；
private:
Ui::CenterWidget *ui;
3. 实例化UI类和绑定ui类
CenterWidget::CenterWidget(QWidget *parent ):
QWidget(parent),
ui(new Ui::CenterWidget)
{
ui->setupUi(this);
}
这里在构造函数实现时 使用 ui(new Ui::CenterWidget) 实例化了ui指针；
使用ui->setupUi(this);函数绑定ui实例到该类。初始化了界面。
四、使用类对象就可以显示窗体或将窗体作为控件嵌入到其窗体中了
1. 直接显示
mpw_CenterWidget = new CenterWidget(this); //中心框体
mpw_CenterWidget->setGeometry(5,5, this->width()-10, this->height()-50);
2. 直接显示
CenterWidgetclient;
client.show(); // 显示主窗口