Qt 在很長(zhǎng)的一段時(shí)間內(nèi)都沒(méi)有自己的開(kāi)發(fā)環(huán)境，直到 Qt 被諾基亞收購(gòu)，才大力推自己的集成開(kāi)發(fā)環(huán)境，就是 Qt Creator，這為 Qt 的開(kāi)發(fā)帶來(lái)了很大的方便。

在 Qt Creator 誕生之前， 程序員可以通過(guò) qmake 命令行編譯，或者像前面幾節(jié)一樣手動(dòng)輸入 g++ 命令編譯，在 Linux 平臺(tái)還有 KDevelop 這類(lèi) KDE 桌面程序開(kāi)發(fā)環(huán)境（一般用 cmake 生成腳本）。

如今 Qt Creator 功能十分強(qiáng)大了，包含項(xiàng)目模板生成、代碼編輯、UI 設(shè)計(jì)、QML 界面編輯、調(diào)試程序、上下文幫助等豐富功能，而且支持手機(jī)平板設(shè)備、嵌入式設(shè)備等程序的開(kāi)發(fā)調(diào)試。本節(jié)通過(guò)一個(gè)簡(jiǎn)單例子展示 Qt Creator 的代碼編輯和 UI 編輯功能。

Qt Creator 歡迎界面

從開(kāi)始菜單或者快捷方式打開(kāi) QtCreator 集成開(kāi)發(fā)環(huán)境，啟動(dòng)之后看到類(lèi)似下面的界面：

QtCreator 最左邊是一排功能按鈕。上半部分按鈕是 QtCreator 工作模式選擇，共有七種工作模式，分別是歡迎、編輯（編寫(xiě)代碼）、設(shè)計(jì)（GUI可視化編輯）、Debug（調(diào)試程序）、項(xiàng)目（項(xiàng)目參數(shù)配置）、分析（程序執(zhí)行效率分析）、幫助。下面四個(gè)按鈕是構(gòu)建調(diào)試區(qū)，由上到下依次是 Qt 套件選擇、運(yùn)行、調(diào)試運(yùn)行和構(gòu)建。

左邊的設(shè)計(jì)按鈕、項(xiàng)目按鈕和構(gòu)建調(diào)試區(qū)只有在打開(kāi)或新建了項(xiàng)目之后才會(huì)變得可用。

QtCreator 下方的是定位工具和輸出面板，在編寫(xiě)項(xiàng)目代碼和運(yùn)行、調(diào)試程序時(shí)會(huì)使用到。輸出面板包括七個(gè)，分別是問(wèn)題（項(xiàng)目構(gòu)建時(shí)的問(wèn)題）、Search Results（搜索項(xiàng)目文件內(nèi)容）、應(yīng)用程序輸出（運(yùn)行和調(diào)試信息顯示）、編譯輸出（編譯、鏈接命令及其輸出信息）、QML/JS Console（QML 命令窗口）、概要信息（項(xiàng)目信息摘要）、Version Control（版本控制系統(tǒng)）。

QtCreator 中間的區(qū)域是所選擇的工作模式界面，默認(rèn)是歡迎模式。歡迎模式有三個(gè)子功能，第一個(gè) Project 是項(xiàng)目顯示，包括之前的會(huì)話和項(xiàng)目記錄。項(xiàng)目記錄比較好理解，而會(huì)話涵蓋內(nèi)容比較廣，一個(gè)會(huì)話可以是多個(gè)項(xiàng)目的列表，并含有它們的配置以及上次編輯位置記錄、調(diào)試 斷點(diǎn)等等。會(huì)話記錄的上方是新建項(xiàng)目的快捷按鈕，項(xiàng)目記錄的上方是打開(kāi)項(xiàng)目的快捷按鈕。歡迎模式另外兩個(gè)子功能是瀏覽 Qt 庫(kù)自帶的示例和教程，感興趣的讀者可以自行打開(kāi)看看。

Qt Creator 新建項(xiàng)目

接下來(lái)我們新建一個(gè) HelloWorld 項(xiàng)目。打開(kāi) Qt Creator 文件菜單，點(diǎn)擊“新建文件或項(xiàng)目”（快捷鍵 Ctrl+N），或者直接在歡迎模式點(diǎn)擊快捷按鈕“New Project”，都可以打開(kāi)如下所示的新建項(xiàng)目對(duì)話框：

新建項(xiàng)目對(duì)話框里有五類(lèi)項(xiàng)目模板：

本教程常用的只有第一類(lèi) Application，選擇它，在右側(cè)會(huì)看到 Qt 應(yīng)用程序的五個(gè)子模板：

• Qt Widgets Application：普通窗體模板，傳統(tǒng)基于部件的窗體界面程序。
• Qt Console Application：Qt 控制臺(tái)應(yīng)用程序。因?yàn)?Qt 主要用于圖形界面設(shè)計(jì)，這個(gè)控制臺(tái)項(xiàng)目模板基本不用的。
• Qt Quick Application、Qt Quick Controls 2 Application 和 Qt Canvas 3D Application 工程將會(huì)使用 QML 代碼，Quick Control 主要比 Quick 多一些控件，Canvas 3D 用來(lái)創(chuàng)建3D動(dòng)畫(huà)。
  

本教程使用第一個(gè)子模板 Qt Widgets Application，開(kāi)發(fā)普通的 Qt 窗體應(yīng)用程序。選擇該項(xiàng)目模板，點(diǎn)擊對(duì)話框下方的“Choose...”按鈕，進(jìn)入 Qt Widgets Application 項(xiàng)目新建的向?qū)Ы缑妫?/p>

將項(xiàng)目名稱(chēng)設(shè)置為 HelloWord，創(chuàng)建路徑設(shè)置為 D:\QtDemo，點(diǎn)擊“下一步”，進(jìn)入“Kit Selection”界面：

這一步是為 HelloWord 設(shè)置 Qt 套件（Qt Kits），默認(rèn)只有第一個(gè)“Desktop Qt 5.9.0 MinGW 32bit”，如果安裝配置了多個(gè) Qt 套件，就可以都選上。

Qt 套件是指 Qt 程序從編譯鏈接到運(yùn)行環(huán)境的全部工具和 Qt 類(lèi)庫(kù)的集合，對(duì)于 MinGW 版本 Qt 程序生成和調(diào)試，至少需要 MinGW 中的編譯器 g++（自動(dòng)調(diào)用鏈接器）、g++ 配套的基礎(chǔ)庫(kù)、調(diào)試器 gdb 還有使用 MinGW 環(huán)境編譯而成的 Qt 類(lèi)庫(kù)自身。默認(rèn)情況下，在上面 Kit Selection 里選中全部套件，然后點(diǎn)擊“下一步”，進(jìn)入“類(lèi)信息”設(shè)置界面：

類(lèi)信息設(shè)置界面，最關(guān)鍵的是基類(lèi)的選擇，目前是三種基類(lèi)：

我們當(dāng)然從最簡(jiǎn)單的學(xué)起，在基類(lèi)里選擇 QWidget ，類(lèi)名和文件名會(huì)根據(jù)基類(lèi)自動(dòng)修改，不需要額外設(shè)置。點(diǎn)擊“下一步”，進(jìn)入“項(xiàng)目管理”界面：

在項(xiàng)目管理界面可以設(shè)置作為子項(xiàng)目，以及加入版本控制系統(tǒng)管理。這兩個(gè)功能暫時(shí)用不到，都用默認(rèn)的 <None> ，然后點(diǎn)擊 “完成”。

項(xiàng)目創(chuàng)建完成之后，Qt Creator 會(huì)直接進(jìn)入代碼編輯模式，可以看到類(lèi)似下圖界面：

1)左邊欄

編輯模式左邊豎排的兩個(gè)窗口叫做“邊欄”，上面的默認(rèn)是項(xiàng)目文件管理窗口，下面的是打開(kāi)文件列表窗口。在 QtCreator 菜單“控件-->顯示邊欄 Alt+0”，可以控制邊欄的顯示和隱藏。

邊欄里的窗口數(shù)目可以增加，邊欄子窗口標(biāo)題欄（其實(shí)是工具條，長(zhǎng)得像標(biāo)題欄，姑且這么稱(chēng)呼）有一排小按鈕，最右邊的是關(guān)閉按鈕，倒數(shù)第二個(gè)是增加分欄按鈕，可以添加多個(gè)邊欄子 窗口。

邊欄子窗口標(biāo)題欄第一個(gè)控件是組合框，可以選擇該子窗口的功能視圖類(lèi)型，目前可以選擇 8 個(gè)視圖類(lèi)型：

可見(jiàn) Qt Creator 提供的功能視圖是很豐富的，這些視圖不需要死記硬背，只要知道大概有這些東西，以后需要的時(shí)候會(huì)調(diào)出來(lái)就行了。一般用頭兩個(gè)就差不多了，當(dāng)然也可以建立多個(gè)分欄，啟用其他功能視圖。

2) 代碼編輯器

說(shuō)完了左邊欄，再來(lái)看看右邊的代碼編輯器：

代碼編輯器大致可以分為三個(gè)部分，帶有一堆控件的標(biāo)題欄（其實(shí)是工具條）、行首區(qū)和編輯區(qū)。

先看看標(biāo)題欄的 10 個(gè)控件，這些東西不需要記，因?yàn)榇蜷_(kāi) Qt Creator 的時(shí)候，這些東西都在那里，用鼠標(biāo)指向這些控件幾秒鐘，會(huì)自動(dòng)顯示這些控件的工具提示信息，這里將它們羅列出來(lái)，方便讀者以后查閱而已：

• ①和②：導(dǎo)航按鈕“返回”和“前進(jìn)”，這與網(wǎng)頁(yè)瀏覽器的前進(jìn)和后退按鈕類(lèi)似，可以在之前瀏覽的多個(gè)代碼文件或一個(gè)代碼文件里多個(gè)位置之間快速切換。
• ③：標(biāo)識(shí)當(dāng)前顯示的文件是只讀還是可寫(xiě)，一般都是可寫(xiě)的。
• ④：文件類(lèi)型圖標(biāo)，當(dāng)前顯示文件的類(lèi)型，這個(gè)控件其實(shí)是一個(gè)菜單按鈕，點(diǎn)擊可以彈出豐富的文件處理功能菜單，感興趣的讀者可以點(diǎn)開(kāi)看看。
• ⑤：打開(kāi)的文件名，可以在多個(gè)打開(kāi)的文件之間選擇切換，與邊欄的“打開(kāi)文檔”視圖是對(duì)應(yīng)的。
• ⑥：關(guān)閉當(dāng)前顯示的文檔。
• ⑦：為當(dāng)前顯示的文件添加額外的C++預(yù)處理指令，一般用不著。
• ⑧：選擇符號(hào)，可以在當(dāng)前顯示的文件里多個(gè)函數(shù)、類(lèi)、成員變量等之前快速切換，與邊欄“大綱”視圖是對(duì)應(yīng)的。
• ⑨：編輯區(qū)光標(biāo)的行號(hào)和列號(hào)。
• ⑩：代碼編輯區(qū)分欄，可以增加多個(gè)編輯器窗口，顯示多個(gè)打開(kāi)的文檔或顯示較大源碼文件的多個(gè)位置。

行首區(qū)是淺灰色背景的部分，主要用來(lái)顯示代碼行號(hào)，以及調(diào)試斷點(diǎn)標(biāo)志和代碼書(shū)簽標(biāo)志。右擊行首區(qū)可以彈出右鍵菜單，菜單里可以切換書(shū)簽、編輯書(shū)簽以及設(shè)置或取消斷點(diǎn)。

同一行是既可以打斷點(diǎn)也可以設(shè)置書(shū)簽的，二者不沖突，其實(shí)它們根本就沒(méi)關(guān)系。單擊行號(hào)前面的淺灰色空白區(qū)可以直接打斷點(diǎn)，再次單擊可以取消斷點(diǎn)，另外也可以用快捷鍵 F9 設(shè)置或取消斷點(diǎn)。代碼書(shū)簽一般用右鍵菜單來(lái)設(shè)置，也可以用快捷鍵 Ctrl+M 設(shè)置或取消書(shū)簽。

編輯區(qū)是程序員最為常用的部分了，就是寫(xiě)代碼用的。編輯區(qū)當(dāng)然有語(yǔ)法高亮顯示了，而且從編輯區(qū)的復(fù)制出來(lái)的內(nèi)容是 HTML 語(yǔ)法的豐富文本格式，如果粘貼到 Word 之類(lèi)的文字處理軟件中，會(huì)直接顯示彩色高亮代碼，這是很實(shí)用的功能。

對(duì)于現(xiàn)代集成開(kāi)發(fā)環(huán)境常見(jiàn)的變量名、類(lèi)名、名字空間、函數(shù)名、類(lèi)對(duì)象成員變量、結(jié)構(gòu)體成員變量等等名字補(bǔ)全功能，Qt Creator 編輯器當(dāng)然也能很好地支持。變量/函數(shù)調(diào)用追蹤、變量/函數(shù)聲明追蹤、類(lèi)名或變量名函數(shù)名自動(dòng)改名等常見(jiàn)的輔助功能，也都是支持的（選擇要改或要追蹤的名字，右擊，在右鍵 菜單里有一大堆功能，Refactor菜單項(xiàng)里面有自動(dòng)改名）。

Qt Creator 編輯 UI

在 Qt Creator 編輯模式邊欄上面的項(xiàng)目視圖里，包含一個(gè) HelloWorld.pro 項(xiàng)目文件和 Headers（頭文件）、Sources（源文件）、Forms（界面文件）三個(gè)虛擬目錄。這三個(gè)虛擬目錄是項(xiàng)目里對(duì)文件類(lèi)型的歸類(lèi)顯示，widget.h 和 main.cpp、widget.cpp 三個(gè)代碼文件在后續(xù)小節(jié)講解，本小節(jié)先設(shè)計(jì)圖形界面文件 widget.ui。

雙擊 widget.ui 文件，Qt Creator 會(huì)自動(dòng)進(jìn)入設(shè)計(jì)模式，可以對(duì)圖形界面進(jìn)行可視化編輯：

這個(gè)設(shè)計(jì)模式界面和《Qt Designer的簡(jiǎn)單使用》中介紹的 Qt 設(shè)計(jì)師是完全類(lèi)似的，而且這就是將 Qt Designer 的功能做成插件，集成到 Qt Creator 了。

當(dāng)然設(shè)計(jì)師變成插件之后，和原來(lái)的獨(dú)立設(shè)計(jì)師程序有區(qū)別，現(xiàn)在插件設(shè)計(jì)師自己的菜單集成到 Qt Creator 菜單欄的“工具-->Form Editor”級(jí)聯(lián)菜單里。預(yù)覽窗口需要點(diǎn)擊菜單欄的“工具-->Form Editor-->預(yù)覽”。

和《Qt Designer的簡(jiǎn)單使用》一節(jié)類(lèi)似的，拖一個(gè) Label 標(biāo)簽控件到窗體編輯區(qū)里，然后設(shè)置標(biāo)簽控件的 geometry 的四個(gè)子屬性： X 為 10，Y 為 10，寬度為 200，高度為 40。接著編輯標(biāo)簽控件的 text 屬性為“Hello World! ”，看到效果如下：

編輯完成以后，注意使用 Ctrl+S 快捷鍵保存項(xiàng)目。

Qt Creator 生成和運(yùn)行程序

使用 Qt Creator 生成和運(yùn)行程序是再簡(jiǎn)單不過(guò)的事了。一個(gè)按鈕就夠了。當(dāng)然，得先認(rèn)識(shí)認(rèn)識(shí)一下 Qt Creator 左下角的按鈕：

左下角一共有四個(gè)按鈕，下面分別介紹一下：

• 第一個(gè)按鈕是選擇構(gòu)建項(xiàng)目使用的 Qt 套件和構(gòu)建目標(biāo)程序的類(lèi)型（Debug 或 Release）。
• 第二個(gè)是運(yùn)行按鈕，快捷鍵是 Ctrl+R，如果還沒(méi)構(gòu)建項(xiàng)目或剛修改了代碼，直接點(diǎn)擊運(yùn)行的話，QtCreator 會(huì)自動(dòng)構(gòu)建生成新的目標(biāo)程序并運(yùn)行。
• 第三個(gè)是調(diào)試按鈕，快捷鍵是 F5。調(diào)試程序之前，QtCreator 會(huì)自動(dòng)構(gòu)建生成最新的目標(biāo)程序，并進(jìn)入調(diào)試模式。在下一節(jié)專(zhuān)門(mén)講解調(diào)試程序。
• 第四個(gè)是構(gòu)建按鈕，快捷鍵是 Ctrl+B，只構(gòu)建最新的目標(biāo)程序，但不運(yùn)行。
  

如果只構(gòu)建而不運(yùn)行程序，就點(diǎn)第四個(gè)。一般都是構(gòu)建后運(yùn)行程序查看效果，可以直接點(diǎn)擊第二個(gè)運(yùn)行按鈕，如果沒(méi)問(wèn)題發(fā)生，就會(huì)顯示目標(biāo)程序主界面：

從編譯生成到運(yùn)行，不需要自己敲命令，一個(gè)按鈕搞定，這就是集成開(kāi)發(fā)環(huán)境的好處。

上面示范的是默認(rèn) Qt 套件，構(gòu)建的是 Debug 類(lèi)型的目標(biāo)程序。如果需要構(gòu)建 Release 版目標(biāo)程序，點(diǎn)開(kāi)左下角第一個(gè)按鈕：

這里有三種構(gòu)建模式：其中 Debug 和 Release 我們都是耳熟能詳?shù)模罢呤且?code>-g模式編譯，帶著符號(hào)信息，便于我們調(diào)試，后者是經(jīng)過(guò)優(yōu)化之后，性能更上一個(gè)檔次的。profile 則是在這兩者之中取一個(gè)平衡，兼顧性能和調(diào)試，可以類(lèi)似的看做是性能更優(yōu)但是又方便調(diào)試的版本。

可以選擇 Release 構(gòu)建類(lèi)型，然后再點(diǎn)擊運(yùn)行按鈕就可以構(gòu)建運(yùn)行 Release 版本目標(biāo)程序。

上圖是針對(duì)項(xiàng)目只用到單一 Qt 套件的，如果之前配置了多個(gè) Qt 套件，看到的類(lèi)似下圖：

如果項(xiàng)目配置了多個(gè)可用的 Qt 套件，點(diǎn)開(kāi)左下角第一個(gè)按鈕后，會(huì)看到各個(gè)套件以及構(gòu)建類(lèi)型，如果要切換 Qt 套件或構(gòu)建類(lèi)型，直接選中相應(yīng)條目，然后點(diǎn)擊運(yùn)行按鈕就行了。如果構(gòu)建和運(yùn)行時(shí)沒(méi)出錯(cuò)，就會(huì)顯示出構(gòu)建好的目標(biāo)程序界面。

到此這篇關(guān)于Qt Creator使用教程的簡(jiǎn)單說(shuō)明的文章就介紹到這了,更多相關(guān)Qt Creator使用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論