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 界面圖,不同版本有所差異(差别不大):
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)右擊檔案 -> 建立檔案或項目
2)其它項目 -> Empty qmake Project
3)填寫工程名字和選擇存放路徑。建立工程會自動建立一個檔案夾,檔案夾内有一個和檔案夾同名的 .pro 工程檔案。
4)下一步
5)完成
6)編輯模式下,選中工程目錄點選右鍵,“添加現有檔案”,添加所需檔案(主要是 .cpp 和 .h 檔案)
7)編輯模式下,在工程檔案中添加相應子產品資訊,如:QT += widgets
8)儲存後編譯運作,選中工程目錄點選右鍵,“運作”,即可編譯運作程式
Qt Creator 無論以哪種方式建立工程檔案,都會工程檔案所在目錄自動生成字尾為 .user 的使用者配置檔案,主要儲存此工程的配置資訊(如:工程所在路徑,編譯代碼時的一些錯誤資訊),是以,如果想把自己寫的代碼拷貝給别人使用,最好把此配置檔案删除。
下面教大家如果快速打開工程所在目錄:
編輯模式下 -> 選中工程檔案 -> 右擊 -> 選擇“顯示包含的目錄”,即可顯示工程所在目錄(此方法同樣可以打開代碼檔案所在目錄):
通過 Qt Creator 編譯運作 Qt 代碼後,會在工程目錄的同級目錄生成一個比對的 buid- 目錄:
進入這個 build- 目錄,即可找到可執行程式,在終端可直接通過“./”運作:
建立 Gui Application 完整工程
建立完整工程(不帶ui)
接下來,我們建立一個 Gui Application 完整工程(不帶 ui,至于什麼是 ui,後面介紹),我們可以完全不用寫一行代碼,即可建立出一個空白視窗。
1)右擊檔案 -> 建立檔案或項目
2)Application -> Qt Widgets Application
3)填寫工程名字和選擇存放路徑
4)下一步
5)填寫自定義類的類名、選擇所需基類(QMainWindow、QWidget、QDialog),這裡選擇基類為 QWidget。預設選中“建立界面”複選框,表示需要采用自帶的界面設計器來設計界面,否則需要利用代碼完成界面的設計,這裡不選中。
QMainWindow
QWidget
QDialog
6)完成
7)編譯運作程式,點選左下角的綠色向右箭頭,或按快捷鍵“Ctrl + R”,運作結果為一個空白視窗。
我們沒有寫一行代碼,即可建立出一個空白視窗,如果想在視窗上添加按鈕,則需要在 .h 檔案自定義類中建立按鈕對象,對應 .cpp 檔案構造函數裡對按鈕做相應屬性設定,具體操作和《Qt快速入門(vim純代碼編寫)》一樣。
這裡介紹一下常用快捷鍵:
1)幫助檔案:F1
2).h 檔案和對應.cpp 檔案切換:F4
3)編譯運作:Ctrl + R
4)函數聲明和定義切換:F2
5)代碼注釋取消注釋:Ctrl + /
6)字型變大變小:Ctrl + 滑鼠滾輪向上向下
建立完整工程(帶ui)
操作和建立完整工程(不帶ui)基本一樣,主要差別是在第五步,預設選中“建立界面”複選框,表示需要采用自帶的界面設計器來設計界面,否則需要利用代碼完成界面的設計,這裡采用預設選中。
接着,可以發現代碼目錄結構多了一個界面檔案分欄:mywidget.ui,此即為 ui 檔案(界面檔案),此檔案實際上為 xml 檔案。
輕按兩下 ui 檔案即可進入設計模式,進入界面設計器 Qt Designer 編輯狀态,開始進行設計器( Qt Designer )程式設計。
在 Qt 程式開發過程中,處理通過手寫代碼實作軟體開發功能,還可以通過 Qt 的界面設計器(Qt Designer)進行界面的繪制和布局。界面設計器(Qt Designer)提供了 Qt 基本的可繪制視窗部件,在設計器中可以通過滑鼠直接拖拽這些視窗部件,能夠高效、快速地實作圖形界面的設計,界面直覺形象,所見即所得。這樣的優勢在于在設計的同時能直覺地看到界面上的部件,并且可以随時調整界面上的設計。
向 ui 中添加所需視窗部件:
根據需要設定部件屬性:
Qt Designer 的大部分操作都大同小異,需要自己多操作、多驗證,這裡就不一一舉例說明。
通過 Qt Designer 設定好圖形界面後,即可編譯運作程式,編譯運作的步驟和前面一樣。
如果程式已經編譯,沒有做修改再去編譯,程式不再執行編譯過程,立馬即可運作。如果程式沒有修改也想再執行編譯動作,則需要清除,再編譯運作:
1)設計模式切換到編輯模式
2)編輯模式下 -> 選中工程所在目錄 -> 右擊 -> 清除 -> 運作
程式編譯時,可以通過界面底部中的“4 編譯輸出”檢視其相應的編譯資訊:
如果程式成功運作,會在界面底部中“3 應用程式輸出”檢視程式輸出狀态,如果程式有列印操作,就在此處輸出列印資訊: