我的QT Creator学习笔记（四）——使用.ui文件

       参考文献：《Qt Creator 快速入门》第三版 霍亚飞编著

使用.ui文件来代替代码生成的文件 ，学习.ui文件的作用。脱离Qt Creator,使用命令行进行编译.ui文件和整个项目，学习ui文件的编译过程。这部分内容可以在帮助索引中通过搜索Using a Designer UI File in Your Application关键字来查看。

一、使用.ui界面文件

1、新建空项目

   

2、添加main.cpp文件和.ui文件

 

添加main.cpp文件

添加新文件-》选择C++(C++Source file)

 命名为main.cpp,文件中写以下代码

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    return a.exec();
}

添加.ui文件，添加新建文件-》模板选择Qt Designer Form,Designer without Buttons,文件名改为hellodialog.ui

 

3、设计界面。

     在设计模式下，添加一个Label部件，显示内容改为“Hello World!你好明天！"。在右侧属性栏的geometry修改x:120,Y:120,宽高分别200，60。

 

在右上角列表中选择QDialog类对象，并修改ObjectName为HelloDialog如下图

 

4、生成.ui头文件 。

设计界面完成后ctrl+s保存文件，回到设计模式，可以看到.ui文件的内容是xml文件。

 

5、构建工程生成头文件。

点击左下角的小锤子图标，构建工程。可以看见生成了.h文件（如国选的是release构建就在release文件夹中生成.h文件）。

 

对头文件的解释，如以下几张图

 

6、更改main.cpp文件如下

int main(int argc, char *argv[])

{
    QApplication a(argc, argv);

    QDialog w;

    Ui::HelloDialog ui;

    ui.setupUi(&w);

    w.show();

    return a.exec();

}

7、运行程序，效果如下

二、在命令行编译ui文件和程序

1、新建工程目录

新建空文件夹hellochina,上面项目中的hellodialog.ui和main.cpp文件复制过来。

2、编译.ui文件

打开Qt 5.7 64-bit for DeskTop(MSVC 2013),进入到工程目录，使用uic -o ui_hellodialog.h hellodialog.ui命令生成相应头文件

 

3、编译运行程序

 输入命令 qmake -project,生成.pro文件，在.pro文件中添加QT += widgets

 然后再依次执行以下命令（设置目标机器64位，qmake生成MakeFile、jom命令编译程序生成可执行文件、打包发布、运行exe)

 vcvarsall.bat amd64  

qmake hellochina.pro -spec win32-msvc2013

jom

windeployqt release

cd release

hellochina.exe效果如下