在 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(); // 显示主窗口