1. 程式人生 > >Qt5 學習筆記 二:UI 程式設計

Qt5 學習筆記 二:UI 程式設計

          既然說Qt最方便的是它的UI介面程式設計,那我們就從UI開發開始我們的Qt程式設計之旅。

          個人原創,轉載請註明出處:

             http://blog.csdn.net/embbnux/article/details/12361155

博主最近在電腦上自建了部落格,以後也用那個了,歡迎關注訪問,裡面也有很多有用資源:


        一、首先啟動qt creator

                         這介面一看就很爽。

            

                點選檔案,新建專案,選擇 qt應用專案。完成後如圖。


         二、點選 *.ui檔案   進入UI設計

                  UI設計和eclipse下的安卓開發基本一樣,按鈕一拖就好了,也可以設定Layout格式,方便控制元件擺放。

              如圖:

                    

         中間的在“這裡輸入”為 menu設定,點選它可以編輯 ,如file, 記住輸入完以後要按enter鍵,則可繼續新增它的子選項和其他選單選項,可以設定得和普通的檔案視窗一樣;

          點選綠色三角形執行,如圖

           

           很棒,對吧,介面如此簡單

    三、設定按鈕響應

            在UI設計裡面,右鍵按鈕,選擇轉到槽(槽和訊號是Qt引入的機制,用來處理各種響應)

                選擇相應的訊號,這裡為clicked(),則會跳到相應的cpp檔案裡面:

                          
         在大括號內,填寫需要做出的響應,這裡就簡單寫個退出吧:

void MainWindow::on_pushButton_2_clicked()
{
    exit(0);
}

       這樣執行點選該按鈕就會退出;

   四、新增對話視窗

         如果只有一個視窗介面,一定會看起來很無聊,這裡我們就再新建個對話視窗

         右鍵 專案窗口裡面 工程檔案的名字,選擇新增新檔案,選擇Qt UI設計師類,選擇Dialog without button

         UI設計和第二步一樣,這裡就再新增兩個按鈕;

       按鈕右鍵新增槽:

          分別為:

void Dialog::on_pushButton_clicked()
{
    accept();
}
void Dialog::on_pushButton_2_clicked()
{
    reject();
}

回到主UI,即第二步建的UI檔案:

           再另一個按鈕設定槽:

void MainWindow::on_pushButton_clicked()
{
    dialog = new Dialog(); 
    int i = dialog->exec();
    if(i == QDialog::Accepted){

    }
    if(i == QDialog::Rejected){

    }
}

 須在該cpp檔案對應的h檔案中新增:
#include <dialog.h>

在標頭檔案的宣告中新增:

private:
          Dialog *dialog;

這樣執行,點選相應的按鈕就會出現該對話視窗