QT Designer學習教程 是本文要介紹的內容，不多說，先來看內容。好的，現在我們一起來學習使用 QT Designer 設計我們的QT應用程序。

現在我們做一些準備工作，我們最好為每一個QT程序建立一個單獨的文件夾，這樣就可以讓我們更方便的使用QT為我們提供的工具，例如qmake等。

[root@localhost test]# mkdir /root/DesignerTutorial1  
[root@localhost test]# cd /root/DesignerTutorial1 

然后打開 QT Designer ,直接在命令行下輸入：designer，如下：

[root@localhost DesignerTutorial1]# designer&  
[3] 16544  
[root@localhost DesignerTutorial1]# 

這里我們看到"Qt Designer - New/Open"對話框，這是一個新建對話框，我們可以通過從菜單欄的 File->New 來打開它。

我們先選擇對話框上的第一個"C++ Project"，確定，然后更改名字，這里我們改為 tutorial1.pro 保存，默認情況是保存到我們剛剛創建的文件夾 /root/DesignerTutorial1，這樣我們就創建了一個 *.pro 文件。下面我們再創建一個對話框。

從菜單欄的 File->New 打開新建對話框，選擇第二個：Dialog，然后也同樣保存到剛剛創建的文件夾 /root/DesignerTutorial1 下。

這時侯,你的 QT Designer 中就會出現一個 From1 來. 更改右下角那個窗口里的 caption ，原內容 "Form1"改為 "我的第一個QT Desiger程序"

name     
內容 "Form1"改為 "form_main" 

可以看到這時候窗口的標題欄文字已經改變為"Form1"改為 "我的第一個QT Desiger程序",不是嗎？

現在我們點擊一下左邊窗口上面的 ToolBox 中的那個 PushButton (標有 OK 的圖標）并且用鼠標選擇一個合適的大小. 在這個 PushButton 上面用用鼠標雙擊一下，我們就可以改變按鈕上顯示的字了。

這里我們把"pushButton1"這幾個字,換成 “Hello World！”, 然後用選擇 OK 就可以了. 現在我們看到, 那個按鈕上的標簽已將變成 “Hello World！” 了. 更改右下角那個窗口"Property Editor"里的 name  , 原內容 "pushButton1"改為 "pBtnHello"我們就算是基本完成了。

保存下。 如果想看看這個小程序長什麼樣子.可以用 CTRL+T來看 PreView. 這時侯我們只需要一個小的 main.cpp 就可以編譯了。同樣我們的 QT Designer 也可以為我們生成 main.cpp 。

從菜單欄的 File->New 打開新建對話框，選擇最后一個：C++ Main-File(main.cpp).

然后也同樣保存到剛剛創建的文件夾 /root/DesignerTutorial1 下。

好了，現在來編譯我們的程序。

生成Makefile文件：

[root@localhost DesignerTutorial1]# qmake 

編譯：

[root@localhost DesignerTutorial1]# make  
/usr/lib/qt-3.1/bin/uic form1.ui -o .ui/form1.h  
g++  
-c -pipe -Wall -W -O2 -march=i386 -mcpu=i686 -g -DGLX_GLXEXT_LEGACY  
-fno-use-cxa-atexit -fno-exceptions  -DQT_NO_DEBUG  
-I/usr/lib/qt-3.1/mkspecs/default -I. -I/usr/lib/qt-3.1/include -I.ui/  
-I.moc/ -o .obj/main.o main.cpp  
/usr/lib/qt-3.1/bin/uic form1.ui -i form1.h -o .ui/form1.cpp  
g++  
-c -pipe -Wall -W -O2 -march=i386 -mcpu=i686 -g -DGLX_GLXEXT_LEGACY  
-fno-use-cxa-atexit -fno-exceptions  -DQT_NO_DEBUG  
-I/usr/lib/qt-3.1/mkspecs/default -I. -I/usr/lib/qt-3.1/include -I.ui/  
-I.moc/ -o .obj/form1.o .ui/form1.cpp  
/usr/lib/qt-3.1/bin/moc .ui/form1.h -o .moc/moc_form1.cpp  
g++  
-c -pipe -Wall -W -O2 -march=i386 -mcpu=i686 -g -DGLX_GLXEXT_LEGACY  
-fno-use-cxa-atexit -fno-exceptions  -DQT_NO_DEBUG  
-I/usr/lib/qt-3.1/mkspecs/default -I. -I/usr/lib/qt-3.1/include -I.ui/  
-I.moc/ -o .obj/moc_form1.o .moc/moc_form1.cpp  
g++  -o tutorial1 .obj/main.o .obj/form1.o .obj/moc_form1.o  -L/usr/lib/qt-3.1/lib -L/usr/X11R6/lib -lqt-mt -lXext -lX11 -lm  
[root@localhost DesignerTutorial1]# ls  
form1.ui  form1.ui~  main.cpp  Makefile  tutorial1  tutorial1.pro 

可以看到 tutorial1 ,這就是我們的可執行程序，

運行：

[root@localhost DesignerTutorial1]# ./tutorial1 

大功告成。

總結：關于QT Designer學習教程 的內容介紹完了，這里我們學習了在Linux下 QT Designer 的基本使用方法，并且了解了QT程序的編譯方法，很簡單，不是嗎？最后希望本文對你有所幫助！