Qt Designer教程 給自己編槽
Qt Designer教程 給自己編槽是本文要介紹的內容，QT Designer 的基本使用方法，并且知道來如何添加信號和槽了。這一章我們看看如何編寫自己的槽來響應一些信號。好的我們開始這一章。不了解Qt Designer的友們，可參考：Qt Designer入門教程 初學者必看。
- [root@localhost root]# mkdir /home/DesignerTutorial
- [root@localhost root]# mkdir /home/DesignerTutorial/tutorial3
- [root@localhost root]# cd /home/DesignerTutorial/tutorial3
- [root@localhost tutorial3]# designer&
- [1] 4233
- [root@localhost tutorial3]#
這里我們看到"Qt Designer - New/Open"對話框，這是一個新建對話框，我們先選擇對話框上的第一個"C++ Project"，確定，然后更改名字，這里我們改為 tutorial3.pro 保存，默認情況是保存到我們打開 designer 的目錄，也就是剛剛創建的文件夾 /home/DesignerTutorial/tutorial3這樣我們就創建了一個工程文件 *.pro。下面我們再創建一個對話框。
從菜單欄的 File->New 打開新建對話框，選擇第二個：Dialog，然后也同樣保存到剛剛創建的文件夾 /home/DesignerTutorial/tutorial3 下。這時侯,你的 QT Designer 中就會出現一個 From1 來. 更改右下角"Property Editor/Signal Handlers"那個窗口里的 caption ，原內容 "Form1"改為 "我的第三個QT Desiger程序--編寫自己的槽"里的 name , 原內容 "Form1"改為 "form_main"，可以看到這時候窗口的標題欄文字"Form1"已經改變為 "我的第三個QT Desiger程序--編寫自己的槽",不是嗎？
現在我們點擊一下左邊窗口上面的 ToolBox 中的那個 PushButton (標有 OK 的圖標）并且用鼠標選擇一個合適的大小. 在這個 PushButton 上面用用鼠標雙擊一下，我們就可以改變按鈕上顯示的字了。這里我們把"pushButton1"這幾個字,換成 “加”, 然後用選擇 OK 就可以了。
現在我們看到, 那個按鈕上的標簽已將變成 “加” 了. 更改右下角那個"Property Editor/Signal Handlers"窗口里的 name , 原內容 "pushButton1"改為 "pushBtnAdd" 以同樣的方法，再放置一個按鈕PushButton到窗口上，改 pushButton2 為"關閉" ， 將右下角那個窗口里的 name 的原內容 "pushButton2"改為 "pushBtnClose" 。
現在我們放置兩個輸入數字的窗口，這個控件是 LineEdit 以同樣的方法放置兩個 LineEdit 到窗口上 ，更改右下角那個窗口里的 name 內容 , 其中一個由原內容 "lineEdit1" 改為 "lineEditAdd1"另一個由原內容 "lineEdit2" 改為 "lineEditAdd2"
我們再放置一個加法結果輸出的窗口，這個控件我們選擇另一個，它是 TextLabel 當然你也可以選擇你喜歡的控件，比如：LineEdit,也可以。以同樣的方法放置一個 TextLabel 到窗口上 ，改 "textLabel1" 為"結果輸出" ， 更改右下角那個窗口里的 name 內容 , 原內容 "textLabel1"改為 "textLabelResult"這里可以用鼠標將其大小拉長些，一便容納我們的輸出數據。
我們這時侯需要給“關閉”按鈕一個 signal（信號）, 這樣當您點擊這個“關閉”按鈕的時侯，QT 才知道如何去處理這個信號。
我們按一下 F3（connect singnal slot）然後在那個“關閉”按鈕上面點擊一下，這時侯我們就看到了 Close Connection 的 Dialog 了. 在 Signal 中選擇 clicked, 在 slot 中,先選擇 close() 就好了,在 Reciever 中選擇 form_main. 這時侯選擇 OK.
下面我們自己寫個信號的處理槽來實現加法。
按一下 F3（或者有菜單欄選擇 Edit->Connections ）,然後在那個 “加” 按鈕上點擊一下。
這時侯我們就看到了 "View and Edit Connection" 的 Dialog 了。
在 Signal 中選擇 clicked, 在 Receiver 中選擇 "form_main"
在 Slot 中,都是QT為我們準備好的槽，我們可以不選擇，或者先選擇 close() 就好了。
不要關閉這個窗口，點擊右邊的“Edit Slots...”按鈕，然后就可以看見" Edit Functions "窗口,該窗口也可以通過“主菜單 Edit->Slots” 打開。
點擊 "New Function" 按鈕，將"newSlot()"改為 "addSlot()" ,然后選擇 OK。
這個時候我們再回到 "View and Edit Connection"對話框中，在 Slot 中我們現在看到了剛剛自己創建的槽"addSlot()",對嗎？是的，我們選擇"addSlot()"。
現在我們必須在"addSlot()"槽中添加數據處理的代碼，這樣它才能做我們期望的事情。
在主窗體"form_main"的空白處雙擊鼠標左鍵，
彈出對話框"Creating ui.h file",我們選擇"Yes",然后可以看到一個編輯窗口，內容如下：
- /*
- ** ui.h extension file, included from the uic-generated form implementation.
- **
- ** If you wish to add, delete or rename functions or slots use
- ** Qt Designer which will update this file, preserving your code. Create an
- ** init() function in place of a constructor, and a destroy() function in
- ** place of a destructor.
- */
- void form_main::addSlot()
- {
- }
這正是我們需要的，不是嗎？因為我們正想編輯"addSlot()"這個槽。
好的我們在"addSlot()"函數體中添加如下代碼，那么這個文件的所有內容看起來像這樣：
- /*
- ** ui.h extension file, included from the uic-generated form implementation.
- **
- ** If you wish to add, delete or rename functions or slots use
- ** Qt Designer which will update this file, preserving your code. Create an
- ** init() function in place of a constructor, and a destroy() function in
- ** place of a destructor.
- */
- void form_main::addSlot()
- {
- QString str1, str2, strResult;
- double add1 = 0.0, add2 = 0.0, result = 0.0;
- //得到輸入的字符
- str1 = lineEditAdd1->text();
- str2 = lineEditAdd2->text();
- //轉換為數字
- bool ok1 = FALSE, ok2 = FALSE;
- add1 = str1.toDouble( &ok1 );
- add2 = str2.toDouble( &ok2 );
- if ( ok1 && ok2 )
- { //如果輸入 的是數字的話
- result = add1 + add2;
- strResult.sprintf( "%f + %f = %f", add1, add2, result );
- textLabelResult->setText( strResult );
- }
- else
- {
- QMessageBox::warning( this, "Input Error",
- "Could not convert the input to the numbersn"
- "Please try again.nn",
- "Retry",
- "Quit", 0, 0, 1 );
- }
- }
因為我們剛剛用到了QString、QMessageBox這兩個類，我們必須包含他們的頭文件。
下面我們在"Object Explorer"中添加這個兩個類的頭文件，選擇"Menbers"標簽，在"Includes (In declaration)"處，右擊鼠標選擇"New",然后輸入：qstring.h，以同樣的方法輸入：qmessagebox.h
這時侯我們只需要一個小小的 main.cpp 就可以編譯了。同樣我們的 QT Designer 也可以為我們生成 main.cpp 。
從菜單欄的 File->New 打開新建對話框，選擇最后一個：C++ Main-File(main.cpp).
然后也同樣保存到剛剛創建的文件夾 /home/DesignerTutorial/tutorial3 下。
好了，現在來編譯我們的程序。
生成Makefile文件：
- [root@localhost tutorial3]# qmake
編譯：
- [root@localhost tutorial3]# make
- [root@localhost DesignerTutorial3]# ls
- form_main.ui main.cpp Makefile tutorial3 tutorial3.pro
可以看到 tutorial3 ,這就是我們的可執行程序，
運行：
- [root@localhost tutorial3]# ./tutorial3
在兩個輸入框中輸入數字，點擊“加”按鈕，看看效果再輸入非數字字符，看看效果。
你現在可以試著多添加幾個按鈕，分別寫上“加”“減”“乘”“除”等，
然后添加與其對應的槽，去實現“加”“減”“乘”“除”等算法。
你一定可以做到的，我相信你能。Just do it！
總結：Qt Designer教程 給自己編槽的內容介紹完了，這里我們學習了在Linux下QT Designer 的基本使用方法，并且知道如何添加自己的信號處理槽。最后希望本文能幫你解決問題。
