我的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效果如下