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 界面圖,不同版本有所差異(差別不大):

 

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 代碼,此代碼可能沒有包括工程文件(示例代碼下載請點此鏈接:http://download.csdn.net/detail/tennysonsky),此時,我們則需利用 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 (光標在函數名字或類名上,按 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 應用程序輸出”查看程序輸出狀態,如果程序有打印操作,就在此處輸出打印信息:

 

 

若程序代碼有問題,編譯會出錯,會在界面底部中“1 問題”輸入錯誤信息,雙擊相應信息即可跳轉到錯誤所在代碼:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章