第一章 Hello World! 好的,現在我們一起來學習使用 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
大功告成。總結:
這裡我們學習了在Linux下 QT Designer 的基本使用方法,
並且瞭解了QT程式的編譯方法,很簡單,不是嗎?