QT Designer學(xué)習(xí)教程
QT Designer學(xué)習(xí)教程 是本文要介紹的內(nèi)容，不多說(shuō)，先來(lái)看內(nèi)容。好的，現(xiàn)在我們一起來(lái)學(xué)習(xí)使用 QT Designer 設(shè)計(jì)我們的QT應(yīng)用程序。
現(xiàn)在我們做一些準(zhǔn)備工作，我們最好為每一個(gè)QT程序建立一個(gè)單獨(dú)的文件夾，這樣就可以讓我們更方便的使用QT為我們提供的工具，例如qmake等。
- [root@localhost test]# mkdir /root/DesignerTutorial1
- [root@localhost test]# cd /root/DesignerTutorial1
然后打開(kāi) QT Designer ,直接在命令行下輸入：designer，如下：
- [root@localhost DesignerTutorial1]# designer&
- [3] 16544
- [root@localhost DesignerTutorial1]#
這里我們看到"Qt Designer - New/Open"對(duì)話框，這是一個(gè)新建對(duì)話框，我們可以通過(guò)從菜單欄的 File->New 來(lái)打開(kāi)它。
我們先選擇對(duì)話框上的第一個(gè)"C++ Project"，確定，然后更改名字，這里我們改為 tutorial1.pro 保存，默認(rèn)情況是保存到我們剛剛創(chuàng)建的文件夾 /root/DesignerTutorial1，這樣我們就創(chuàng)建了一個(gè) *.pro 文件。下面我們?cè)賱?chuàng)建一個(gè)對(duì)話框。
從菜單欄的 File->New 打開(kāi)新建對(duì)話框，選擇第二個(gè)：Dialog，然后也同樣保存到剛剛創(chuàng)建的文件夾 /root/DesignerTutorial1 下。
這時(shí)侯,你的 QT Designer 中就會(huì)出現(xiàn)一個(gè) From1 來(lái). 更改右下角那個(gè)窗口里的 caption ，原內(nèi)容 "Form1"改為 "我的第一個(gè)QT Desiger程序"
- name
- 內(nèi)容 "Form1"改為 "form_main"
可以看到這時(shí)候窗口的標(biāo)題欄文字已經(jīng)改變?yōu)?quot;Form1"改為 "我的第一個(gè)QT Desiger程序",不是嗎？
現(xiàn)在我們點(diǎn)擊一下左邊窗口上面的 ToolBox 中的那個(gè) PushButton (標(biāo)有 OK 的圖標(biāo)）并且用鼠標(biāo)選擇一個(gè)合適的大小. 在這個(gè) PushButton 上面用用鼠標(biāo)雙擊一下，我們就可以改變按鈕上顯示的字了。
這里我們把"pushButton1"這幾個(gè)字,換成 “Hello World！”, 然後用選擇 OK 就可以了. 現(xiàn)在我們看到, 那個(gè)按鈕上的標(biāo)簽已將變成 “Hello World！” 了. 更改右下角那個(gè)窗口"Property Editor"里的 name , 原內(nèi)容 "pushButton1"改為 "pBtnHello"我們就算是基本完成了。
保存下。 如果想看看這個(gè)小程序長(zhǎng)什麼樣子.可以用 CTRL+T來(lái)看 PreView. 這時(shí)侯我們只需要一個(gè)小的 main.cpp 就可以編譯了。同樣我們的 QT Designer 也可以為我們生成 main.cpp 。
從菜單欄的 File->New 打開(kāi)新建對(duì)話框，選擇最后一個(gè)：C++ Main-File(main.cpp).
然后也同樣保存到剛剛創(chuàng)建的文件夾 /root/DesignerTutorial1 下。
好了，現(xiàn)在來(lái)編譯我們的程序。
生成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 ,這就是我們的可執(zhí)行程序，
運(yùn)行：
- [root@localhost DesignerTutorial1]# ./tutorial1
大功告成。
總結(jié)：關(guān)于QT Designer學(xué)習(xí)教程 的內(nèi)容介紹完了，這里我們學(xué)習(xí)了在Linux下 QT Designer 的基本使用方法，并且了解了QT程序的編譯方法，很簡(jiǎn)單，不是嗎？最后希望本文對(duì)你有所幫助！
