|
RAD（快速應用程序開(kāi)發(fā)）是一種高效的軟件開(kāi)發(fā)形式，可以讓用戶(hù)在極短的時(shí)間里創(chuàng )建一個(gè)圖形化的用戶(hù)界面。通常情況下，在一張空白的表單上，開(kāi)發(fā)人員可以通過(guò)拖拉或點(diǎn)擊的方式，在窗口的適當位置上添加一些輸入框和按鈕等窗口組件。這時(shí)，RAD工具會(huì )自動(dòng)編寫(xiě)和維護代碼。而用戶(hù)所要做的只是確定當點(diǎn)擊按鈕或選擇選單選項時(shí)將要發(fā)生什么事件。 在Linux下，一個(gè)非常流行的RAD工具就是Qt Designer。它是嵌入式公司Trolltech的Qt軟件包的一個(gè)組成部分。如果用戶(hù)使用的是KDE桌面，那么Qt已經(jīng)自動(dòng)安裝上了，Qt Designer也很有可能已經(jīng)被安裝好。如果用戶(hù)的系統沒(méi)有安裝，那么針對不同的版本，可以很方便地找到KDE Development Tools，并安裝之。以Red Hat 9.0為例，用戶(hù)可以從主選單→系統設置→添加/刪除應用程序中選擇KDE軟件開(kāi)發(fā)，即可完成Qt Designer的安裝（如圖1所示）。 
圖1 安裝Qt Designer 創(chuàng )建 為了快速地向大家展示一下Qt Designer功能，先創(chuàng )建一個(gè)簡(jiǎn)單的攝氏溫度和華氏溫度的轉換程序。本文里將設計一個(gè)簡(jiǎn)單的GUI，并且添加一些簡(jiǎn)單的代碼來(lái)實(shí)現溫度的轉換。因為是為了展示一下快速的開(kāi)發(fā)過(guò)程，而不是一個(gè)嚴謹的軟件項目的開(kāi)發(fā)，所以這里不會(huì )進(jìn)行任何的錯誤檢查，也不進(jìn)行輸入檢驗（也就是檢查用戶(hù)的輸入是否為合法的溫度形式）、緩沖溢出檢查等在日常軟件開(kāi)發(fā)中一定要做的步驟。 如果用戶(hù)使用的是KDE，那么選單上應該已經(jīng)有Qt Designer的圖標。不同的發(fā)行版，圖標的位置會(huì )有所不同。如果用戶(hù)的發(fā)行版沒(méi)有Qt Designer圖標，那么可以在命令行模式下輸入“designer”命令來(lái)啟動(dòng)該開(kāi)發(fā)工具。在Red Hat 9.0中，可以通過(guò)點(diǎn)擊主選單→編程→更多編程工具→Qt Designer來(lái)啟動(dòng)（如圖2）。
圖2 啟動(dòng)Qt Designer Qt Designer首先呈現給用戶(hù)的是一個(gè)New/Open對話(huà)框（如圖3所示）。因為這里要創(chuàng )建一個(gè)C 程序，所以在此選擇C Project，點(diǎn)擊“OK”繼續。
圖3 New/Open對話(huà)框 選擇一個(gè)想要保存文件的位置，并且給出一個(gè)文件名，在此使用的文件名是cfconv。注意這里文件名的擴展名一定要是.pro。點(diǎn)擊“Save”后，返回到了Project Settings對話(huà)框（見(jiàn)圖4）。
圖4 保存文件
圖5 Qt Designer主窗口 現在就已經(jīng)在Qt Designer主窗口上了（見(jiàn)圖5），確保Property Editor可見(jiàn)。如果它是不可見(jiàn)的，用戶(hù)可以通過(guò)Windows→Views→Property Editor/Signal Handlers選單選項來(lái)使其可見(jiàn)（缺省情況下是可見(jiàn)的）。
圖6 創(chuàng )建一個(gè)新的表單
圖7 更改表單的屬性 通過(guò)選擇File→New選單，然后選擇Dialog來(lái)創(chuàng )建一個(gè)新的對話(huà)框。這時(shí)Qt Designer會(huì )創(chuàng )建一個(gè)新的空白表單（見(jiàn)圖6），用戶(hù)可以在其上放置輸入框和按鈕。 打開(kāi)Property Editor（見(jiàn)圖7），把name的值改為“cfconvMainForm”，把caption的值改為“Celsius to Fahrenheit Converter”。 這里表單的name是被應用程序使用的內部名字，在用戶(hù)編寫(xiě)代碼時(shí)，有時(shí)需要使用的就是這個(gè)名字。 Caption指的是要在標題欄上顯示的名字。 從左邊的工具箱中選擇Common Widgets，并且雙擊“TextLabel”。在表單的左上角放置一個(gè)標簽，在這個(gè)標簽位置下方再放置一個(gè)同樣的標簽。選中上面的標簽，并且將其 text值改為“Celsius”，相應地把第二個(gè)標簽的text值也改為“Fahrenheit”。在這兩個(gè)標簽的后面加上兩個(gè)對應的輸入框，用于輸入需要轉換的溫度和輸出轉換后的溫度。從Common Widgets中雙擊選擇LineEdit，然后在兩個(gè)標簽后創(chuàng )建兩個(gè)LineEdit。 把兩個(gè)LineEdit框的name值分別改為“celsiusLineEdit”和“fahrenheitLineEdit”，再把 fahrenheitLineEdit文本框的readOnly屬性改為T(mén)rue。 從Common Widgets上選擇PushButton，并且創(chuàng )建兩個(gè)按鈕，分別將其name和text屬性改為quitPushButton和Quit、 convertPushButton和Convert。這時(shí)表單看起來(lái)就如圖8所示。
圖8 基本完成的GUI 現在按“Ctrl S”或從選單中選擇File→Save，接下來(lái)要求輸入文件名。缺省情況下，使用的是表單的name值，擴展名使用的是.ui。用戶(hù)可以接受這個(gè)名字，然后點(diǎn)擊“Save”。 如果想看一看效果，用戶(hù)可以按“Ctrl T”或從選單中選擇Preview→Preview Form來(lái)預覽應用程序。但是現在按鈕還不能做任何事情，所以下一步要做的事情就是讓按鈕和某一特定的動(dòng)作相關(guān)聯(lián)。當點(diǎn)擊“Quit”按鈕時(shí)，要求應用程序會(huì )被關(guān)閉；而當點(diǎn)擊“Convert”按鈕時(shí)，要求輸入的溫度由攝氏溫度轉換為華氏溫度。 在“Quit”按鈕上點(diǎn)擊右鍵，選擇 Connections，然后點(diǎn)擊“New”。從Sender列表中選擇quitPushButton，從Signal列表中選擇clicked()，從 Receiver列表中選擇cfconvMainFrom，從Slot列表中選擇close()。用戶(hù)可以參見(jiàn)圖9所示。
圖9 為Quit按鈕創(chuàng )建關(guān)聯(lián) 現在，當用戶(hù)點(diǎn)擊“Quit”按鈕時(shí)，會(huì )向表單發(fā)送一個(gè)鼠標點(diǎn)擊的信號，這將使這個(gè)表單關(guān)閉（因為這個(gè)表單是主表單，所以它關(guān)閉時(shí)應用程序也就同時(shí)關(guān)閉了）。要進(jìn)行測試，可以選擇Preview→Preview Form。這時(shí)點(diǎn)擊“Quit”按鈕，預覽窗口就會(huì )被關(guān)閉。 下面為“Convert”按鈕創(chuàng )建連接。在“Convert”按鈕上點(diǎn)擊右鍵，然后選擇Connections。這時(shí)用戶(hù)會(huì )發(fā)現這是一個(gè)全局連接窗口，而不是某一窗口部件的連接。點(diǎn)擊“New”來(lái)創(chuàng )建一個(gè)新的連接。從Sender列表中選擇convertPushbButton，從Signal列表中選擇 clicked()，從Receiver列表中選擇cfconvMainFrom。本想將該按鈕與fahrenheitLineEdit窗口部件相關(guān)聯(lián)，但列表中卻沒(méi)有一個(gè)可以滿(mǎn)足這項要求的欄目。因此需要創(chuàng )建一個(gè)新的欄目來(lái)完成這個(gè)連接。
圖 10 創(chuàng )建新的欄
圖11 完成連接創(chuàng )建 點(diǎn)擊“Edit Slots”和“New Function”（見(jiàn)圖10），把函數名改為convert()，其它的值可以保持不變，點(diǎn)擊“OK”來(lái)關(guān)閉窗口。 要完成這個(gè)連接，從Slot列表中選擇convert()（見(jiàn)圖11）。 現在來(lái)完成應用程序的代碼部分：創(chuàng )建convert()函數。在Project Overview窗口點(diǎn)擊“cfconvmainform.ui.h”來(lái)啟動(dòng)Code Editor。此時(shí)convert()函數實(shí)際上已經(jīng)存在了，只不過(guò)是空的罷了。輸入下面的C 代碼來(lái)完成函數： void cfconvMainForm::convert() { /* Declare some variables */ double celsius_input, result = 0; /* Retrieve Celsius input */ celsius_input = celsiusLineEdit->text().toDouble(); /* Convert to Fahrenheit */ result = (celsius_input * (9.0/5.0)) 32.0; /* Enter result and clear Celsius input box */ fahrenheitLineEdit->setText(QString::number(result, 'f', 1)); celsiusLineEdit->clear(); } 現在就已經(jīng)基本完成這個(gè)應用程序了。不過(guò)在編譯和運行此應用程序之前，還要創(chuàng )建一個(gè)main.cpp文件。方法是選擇 File→New→C Main-File(main.cpp)，只需接受缺省的配置即可。main.cpp會(huì )自動(dòng)在Code Editor中打開(kāi)。因為這里無(wú)需改變main.cpp中的任何東西，所以直接將Code Editor窗口關(guān)閉，并且保存main.cpp。這時(shí)也同時(shí)關(guān)閉cfconfMainForm.ui.h Code Editor窗口。 編譯 到此為止，在Qt Designer中的工作已經(jīng)完成了。保存整個(gè)項目，下面來(lái)編譯和運行這個(gè)程序。在編譯程序之前，要首先生成它的Makefile文件。打開(kāi)一個(gè)終端，然后切換至保存有項目的位置，使用以下命令來(lái)生成Makefile文件： #qmake -o Makefile cfconv.pro 現在，就可以運行make來(lái)編譯程序了，根據系統的性能，這個(gè)步驟需要花費一點(diǎn)時(shí)間。當編譯工作完成后，輸入./cfconv來(lái)運行程序。如果一切正常，用戶(hù)應該已經(jīng)看到程序了。 |
