天天看點

Qt入門學習——Qt Creator的使用

Qt Creator介紹

通過前面​​《Qt快速入門(vim純代碼編寫)》​​的學習得知,隻有搭建好了 Qt 環境(Qt庫和開發工具),即可通過 vim 純代碼編寫 Qt 程式,再借助 Qt 裡的 qmake 工具編譯 Qt 代碼,具體流程如下:

1)編寫 Qt 代碼

2)通過 qmake -project 生成工程檔案

3)工程檔案中添加所需子產品:QT += widgets

4)根據工程檔案用 qmake 指令生成 Makefile

5)通過 make 編譯代碼生成所需可執行程式

6)通過“./”運作程式

但是,如果 Qt 程式較為龐大,通過上面的方式編寫較為麻煩(大大影響編寫效率),接下來給大家介紹 Qt 的一個​​內建開發環境(IDE)​​​——​​Qt Creator​​​,利用 ​​Qt Creator​​ 可以更加快速及輕易的完成 Qt 開發任務。這裡我們需要注意的是,Qt Creator 隻是輔助我們快速開發 Qt 程式,并不是說開發 Qt 程式非要 Qt Creator 不可。

​​Qt Creator​​ 是全新的跨平台 Qt IDE(內建開發環境),可單獨使用,也可與 Qt 庫和開發工具組成一套完整的 SDK(軟體開發工具包)。 其中包括:進階 C++ 代碼編輯器,項目和生成管理工具,內建的上下文相關的幫助系統,圖形化調試器,代碼管理和浏覽工具。

下面為 Qt Creator 界面圖,不同版本有所差異(差别不大):

Qt入門學習——Qt Creator的使用

1)歡迎模式(Welcome):在此處可以選擇自帶例子示範,在下一次打開歡迎界面時能夠顯示最近一次的一些項目。

2)編譯模式(Edit):在此處編寫代碼進行程式設計。

3)designer模式(Design):在這裡設計圖形界面,進行部件屬性設定、信号與槽設定及布局設定等操作。

4)debug模式(Debug):在此界面下可根據需要調試程式,以便跟蹤觀察程式的運作情況。

5)工程設定(Projects):在此界面下可完成開發環境的相關配置。

6)幫助模式(Help):可以在此處輸入關鍵字,查找相關資訊。

下面的例子是在 ubuntu 環境下測試,由于 Qt 以及 Qt Creator 都具備跨平台特點,是以,如果 Windows 也安裝了 Qt Creator (具體操作,請看​​《Qt 5.5.0 Windows環境搭建》​​),在 ubuntu 下寫的 Qt 代碼可以完全不用修改,即在 Windows 中 Qt Creator 編譯運作。同理,在 Windows 寫的 Qt 代碼也可在 ubuntu 下編譯運作,請自行選擇平台。

建立空白工程

有的時候,假如我們使用别人的寫好的 Qt 代碼,此代碼可能沒有包括工程檔案,此時,我們則需利用 Qt Creator 建立空白工程檔案,添加所需資訊。

1)右擊檔案 -> 建立檔案或項目

Qt入門學習——Qt Creator的使用

2)其它項目 -> Empty qmake Project

Qt入門學習——Qt Creator的使用

3)填寫工程名字和選擇存放路徑。建立工程會自動建立一個檔案夾,檔案夾内有一個和檔案夾同名的 .pro 工程檔案。

Qt入門學習——Qt Creator的使用

4)下一步

Qt入門學習——Qt Creator的使用

5)完成

Qt入門學習——Qt Creator的使用

6)編輯模式下,選中工程目錄點選右鍵,“添加現有檔案”,添加所需檔案(主要是 .cpp 和 .h 檔案)

Qt入門學習——Qt Creator的使用

7)編輯模式下,在工程檔案中添加相應子產品資訊,如:QT += widgets

Qt入門學習——Qt Creator的使用

8)儲存後編譯運作,選中工程目錄點選右鍵,“運作”,即可編譯運作程式

Qt入門學習——Qt Creator的使用

Qt Creator 無論以哪種方式建立工程檔案,都會工程檔案所在目錄自動生成字尾為 .user 的使用者配置檔案,主要儲存此工程的配置資訊(如:工程所在路徑,編譯代碼時的一些錯誤資訊),是以,如果想把自己寫的代碼拷貝給别人使用,最好把此配置檔案删除。

Qt入門學習——Qt Creator的使用

下面教大家如果快速打開工程所在目錄:

編輯模式下 -> 選中工程檔案 -> 右擊 -> 選擇“顯示包含的目錄”,即可顯示工程所在目錄(此方法同樣可以打開代碼檔案所在目錄):

Qt入門學習——Qt Creator的使用

通過 Qt Creator 編譯運作 Qt 代碼後,會在工程目錄的同級目錄生成一個比對的 buid- 目錄:

Qt入門學習——Qt Creator的使用

進入這個 build- 目錄,即可找到可執行程式,在終端可直接通過“./”運作:

Qt入門學習——Qt Creator的使用

建立 Gui Application 完整工程

建立完整工程(不帶ui)

接下來,我們建立一個 Gui Application 完整工程(不帶 ui,至于什麼是 ui,後面介紹),我們可以完全不用寫一行代碼,即可建立出一個空白視窗。

1)右擊檔案 -> 建立檔案或項目

Qt入門學習——Qt Creator的使用

2)Application -> Qt Widgets Application

Qt入門學習——Qt Creator的使用

3)填寫工程名字和選擇存放路徑

Qt入門學習——Qt Creator的使用

4)下一步

Qt入門學習——Qt Creator的使用

5)填寫自定義類的類名、選擇所需基類(QMainWindow、QWidget、QDialog),這裡選擇基類為 QWidget。預設選中“建立界面”複選框,表示需要采用自帶的界面設計器來設計界面,否則需要利用代碼完成界面的設計,這裡不選中。

QMainWindow

QWidget

QDialog

Qt入門學習——Qt Creator的使用

6)完成

Qt入門學習——Qt Creator的使用

7)編譯運作程式,點選左下角的綠色向右箭頭,或按快捷鍵“Ctrl + R”,運作結果為一個空白視窗。

Qt入門學習——Qt Creator的使用

我們沒有寫一行代碼,即可建立出一個空白視窗,如果想在視窗上添加按鈕,則需要在 .h 檔案自定義類中建立按鈕對象,對應 .cpp 檔案構造函數裡對按鈕做相應屬性設定,具體操作和​​《Qt快速入門(vim純代碼編寫)》​​一樣。

這裡介紹一下常用快捷鍵:

1)幫助檔案:F1

2).h 檔案和對應.cpp 檔案切換:F4

3)編譯運作:Ctrl + R

4)函數聲明和定義切換:F2

5)代碼注釋取消注釋:Ctrl + /

6)字型變大變小:Ctrl + 滑鼠滾輪向上向下

建立完整工程(帶ui)

操作和建立完整工程(不帶ui)基本一樣,主要差別是在第五步,預設選中“建立界面”複選框,表示需要采用自帶的界面設計器來設計界面,否則需要利用代碼完成界面的設計,這裡采用預設選中。

Qt入門學習——Qt Creator的使用

接着,可以發現代碼目錄結構多了一個界面檔案分欄:mywidget.ui,此即為 ui 檔案(界面檔案),此檔案實際上為 xml 檔案。

Qt入門學習——Qt Creator的使用

輕按兩下 ui 檔案即可進入設計模式,進入界面設計器 Qt Designer 編輯狀态,開始進行設計器( Qt Designer )程式設計。

Qt入門學習——Qt Creator的使用
Qt入門學習——Qt Creator的使用

在 Qt 程式開發過程中,處理通過手寫代碼實作軟體開發功能,還可以通過 Qt 的界面設計器(Qt Designer)進行界面的繪制和布局。界面設計器(Qt Designer)提供了 Qt 基本的可繪制視窗部件,在設計器中可以通過滑鼠直接拖拽這些視窗部件,能夠高效、快速地實作圖形界面的設計,界面直覺形象,所見即所得。這樣的優勢在于在設計的同時能直覺地看到界面上的部件,并且可以随時調整界面上的設計。

向 ui 中添加所需視窗部件:

Qt入門學習——Qt Creator的使用

根據需要設定部件屬性:

Qt入門學習——Qt Creator的使用
Qt入門學習——Qt Creator的使用

Qt Designer 的大部分操作都大同小異,需要自己多操作、多驗證,這裡就不一一舉例說明。

通過 Qt Designer 設定好圖形界面後,即可編譯運作程式,編譯運作的步驟和前面一樣。

如果程式已經編譯,沒有做修改再去編譯,程式不再執行編譯過程,立馬即可運作。如果程式沒有修改也想再執行編譯動作,則需要清除,再編譯運作:

1)設計模式切換到編輯模式

Qt入門學習——Qt Creator的使用

2)編輯模式下 -> 選中工程所在目錄 -> 右擊 -> 清除 -> 運作

Qt入門學習——Qt Creator的使用

程式編譯時,可以通過界面底部中的“4 編譯輸出”檢視其相應的編譯資訊:

Qt入門學習——Qt Creator的使用

如果程式成功運作,會在界面底部中“3 應用程式輸出”檢視程式輸出狀态,如果程式有列印操作,就在此處輸出列印資訊:

Qt入門學習——Qt Creator的使用
Qt入門學習——Qt Creator的使用

繼續閱讀