QtCreator IDE中向项目添加ui文件并绑定类

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