從2012年本系列教程的那次更新到現(xiàn)在已經(jīng)5年時(shí)間了,，5年中Qt發(fā)生了很大的變化，從Qt 4時(shí)代已經(jīng)發(fā)展到了現(xiàn)在的Qt5.8,。本系列教程的上一次更新是基于Qt 4.8的,，雖然Qt 4時(shí)代的知識(shí)在Qt 5依然可用，但是對(duì)于初學(xué)者而言,，微小的差異都會(huì)浪費(fèi)大量時(shí)間去解決,。雖然我們?cè)缫淹瞥鲞^渡篇來幫助大家將Qt 4代碼遷移到Qt 5，不過那個(gè)教程不可能面面俱到,，現(xiàn)在使用Qt 5學(xué)習(xí)本系列教程的童靴越來越多,，為了節(jié)省大家寶貴的時(shí)間，讓入門的童鞋少走彎路,，現(xiàn)在決定使用最新的Qt 5.8重寫該系列教程,。后面會(huì)用很短的時(shí)間將前面已有的教程全部進(jìn)行重寫，然后開始新的篇章來探索最新的技術(shù)和內(nèi)容,，因?yàn)檫@才是該系列教程的初衷——為Qt愛好者探路,、助Qt初學(xué)者入門！

        從這一篇我們正式開始Qt 5編程學(xué)習(xí),。本篇主要講解Qt編程環(huán)境的搭建,，為了適應(yīng)大多數(shù)讀者的需要，同時(shí)避免系統(tǒng)環(huán)境的不同而產(chǎn)生不必要的問題,，這里選擇使用Windows 7作為開發(fā)平臺(tái),。對(duì)于使用其他操作系統(tǒng)（例如Linux）的童鞋，可以參照學(xué)習(xí),。

Windows 7 + Qt 5.8.0（包含QtCreator 4.2.1）

• 下載

       Qt官網(wǎng)主頁提供了最新版Qt的下載，不過我們更傾向于去資源下載頁面（https://download./official_releases/qt/5.8/5.8.0/）進(jìn)行下載,，這里羅列了所有可用版本,，便于選擇,，如下圖所示,。（PS：單擊上方的Parent Directory可以查看其他版本的下載，還可以下載更多其他資源,。）

       為了便于后面講解Android開發(fā),，我們這里下載的版本是：

qt-opensource-windows-x86-android-5.8.0.exe

       當(dāng)然,，如果只想進(jìn)行桌面版本開發(fā),，那么也可以下載：

qt-opensource-windows-x86-mingw530-5.8.0.exe

• 安裝

       雙擊運(yùn)行下載好的qt-opensource-windows-x86-android-5.8.0.exe文件開始進(jìn)行安裝，首先是歡迎界面,，這里提示如果沒有Qt賬號(hào),，可以在后面的步驟中創(chuàng)建一個(gè)，我們直接單擊Next按鈕進(jìn)入下一步,，如下圖所示,。

       這里可以直接登錄Qt賬號(hào)，如果沒有可以在這里注冊(cè)一個(gè),，不過登錄或注冊(cè)與否都不影響我們的安裝,，所以直接單擊Skip按鈕跳過這一步即可，如下圖所示,。

       后面的步驟可以都保持默認(rèn)設(shè)置,，直接單擊Next，在Select Component界面可以看下Qt SDK中包含的內(nèi)容,，如下圖所示,。

       安裝好以后默認(rèn)選擇了運(yùn)行Qt Creator（Qt官方集成開發(fā)環(huán)境），點(diǎn)擊Finish按鈕關(guān)閉向?qū)瓿砂惭b,。如下圖所示,。

• 運(yùn)行Qt Creator

期待已久的Qt Creator主界面如下圖所示,。以后再想運(yùn)行Qt Creator，可以到系統(tǒng)開始菜單中找到它,，即Qt Creator 4.2.1 (Community),。

       QtCreator作為Qt官方的開發(fā)環(huán)境，對(duì)Qt各方面支持都非常完善,，而且使用起來體驗(yàn)也非常好,，所以沒有特殊情況，建議大家使用Qt Creator進(jìn)行Qt開發(fā)（PS：小白疑惑：難道還能使用其他IDE進(jìn)行Qt開發(fā),？答疑：當(dāng)然了,，比如用的比較多的VS，不僅如此,，即便不用IDE,，直接使用記事本也可以編寫Qt程序！）,。

       QtCreator主界面分為了6個(gè)模式：歡迎模式,、編輯模式、設(shè)計(jì)模式,、Debug調(diào)試模式,、項(xiàng)目模式和幫助模式,，分別由左側(cè)的6個(gè)圖標(biāo)進(jìn)行切換，對(duì)應(yīng)的快捷鍵是Ctrl + 數(shù)字1到6?，F(xiàn)在顯示的就是歡迎界面,，這里可以看到一些入門教程、開發(fā)的項(xiàng)目列表,、Qt提供的示例程序,，單擊一個(gè)示例程序就可以直接打開該項(xiàng)目。單擊左側(cè)的Get Started Now會(huì)進(jìn)入幫助模式,，并打開Qt Creator指南,，剛接觸Qt的同學(xué)可以把里面的內(nèi)容簡單看下，當(dāng)然,，幫助中的內(nèi)容是全英文的,。

• 創(chuàng)建項(xiàng)目

我們使用歡迎界面Projects頁面上的New Project按鈕來創(chuàng)建新的項(xiàng)目（當(dāng)然也可以在文件菜單中創(chuàng)建項(xiàng)目，或者直接使用Ctrl+N快捷鍵）,。在項(xiàng)目模板中選擇Application,，然后選擇Qt Widgets Application，這樣便會(huì)生成一個(gè)桌面Qt圖形界面項(xiàng)目,，如下圖所示,。其他項(xiàng)目的創(chuàng)建會(huì)在后面的教程中講到。

       然后更改項(xiàng)目名稱和路徑,，這里名稱可以設(shè)置為helloworld,，注意名稱和路徑上都不要有中文。如下圖所示,。

       下面設(shè)置構(gòu)建套件,，因?yàn)槲覀兿螺d的是Android版本的Qt，所以這里默認(rèn)出現(xiàn)了兩個(gè)構(gòu)建套件,，現(xiàn)在默認(rèn)勾選了Desktop構(gòu)建套件,，這個(gè)是用來編譯桌面版程序的，如下圖所示,。作為Qt學(xué)習(xí)的入門教程,，我們暫時(shí)先使用桌面版應(yīng)用進(jìn)行講解，所以這里保持默認(rèn)設(shè)置,，關(guān)于構(gòu)建套件會(huì)在本篇教程后面講到,。直接單擊“下一步”按鈕。

       現(xiàn)在顯示的是項(xiàng)目的類信息,，如下圖所示,。這里的基類可選的有QMainWindow、QWidget和QDialog三個(gè),，關(guān)于這三個(gè)類會(huì)在后面的篇章中詳細(xì)介紹,，這里只要知道QMainWindow是一般桌面程序的主窗口即可,。類名、頭文件,、源文件等都可以自定義名稱,，現(xiàn)在默認(rèn)勾選了創(chuàng)建界面，這樣可以使用設(shè)計(jì)器來設(shè)計(jì)主界面,，這些內(nèi)容建議都保持默認(rèn),，直接單擊“下一步”按鈕。

       最后是項(xiàng)目管理界面,，這里顯示了源碼目錄和項(xiàng)目中自動(dòng)添加的文件,，還可以設(shè)置版本控制系統(tǒng)，不過,，現(xiàn)在我們沒有使用到,，所以直接單擊“完成”按鈕完成項(xiàng)目創(chuàng)建。

• 完成hello world項(xiàng)目

       創(chuàng)建完項(xiàng)目后會(huì)進(jìn)入編輯模式,，這里可以對(duì)項(xiàng)目文件進(jìn)行查看和編輯,。左側(cè)是項(xiàng)目文件的列表，這里將項(xiàng)目中的文件分為了頭文件,、源文件,、界面文件等進(jìn)行分類顯示。除了顯示項(xiàng)目文件,，還可以通過下拉菜單來選擇類視圖,、大綱等內(nèi)容。在右側(cè)就是代碼編輯區(qū)域,，這里對(duì)關(guān)鍵字進(jìn)行了高亮顯示,。如下圖所示。

       單擊上方的分欄  圖標(biāo),，可以同時(shí)顯示其他內(nèi)容，比如這里選擇顯示“打開文檔”和“文件系統(tǒng)”,，如下圖所示,。

       這時(shí)會(huì)在項(xiàng)目文件列表下顯示出已經(jīng)打開的文檔列表和文件系統(tǒng)，如下圖所示,。

       下面雙擊界面文件目錄下的mainwindow.ui文件,，進(jìn)入設(shè)計(jì)模式。在這里可以對(duì)界面進(jìn)行可視化設(shè)計(jì),，也就是所見即所得,。左側(cè)是一些常用部件，可以直接拖動(dòng)到界面上,；右側(cè)上方是對(duì)象和類列表,，下方是部件的屬性編輯窗口,；在中間，上方是主設(shè)計(jì)區(qū)域,，顯示了窗口的主界面,，下方是Action編輯器以及信號(hào)和槽編輯器。

       我們從左側(cè)部件列表中找到Label標(biāo)簽部件并拖動(dòng)到界面上,，然后雙擊,，更改其顯示文本為“helloworld”，如下圖所示,。

       下面單擊Qt Creator左側(cè)的  運(yùn)行按鈕來編譯運(yùn)行程序,，如果前面的文件沒有保存，那么可能會(huì)彈出保存修改對(duì)話框,，選中“構(gòu)建之前總是先保存文件”,，然后點(diǎn)擊保存所有文件按鈕即可，這樣以后運(yùn)行時(shí)都會(huì)自動(dòng)保存未保存的文件,。hello world程序運(yùn)行效果如下圖所示,。

• 查看項(xiàng)目目錄

這里會(huì)發(fā)現(xiàn)多了一個(gè)build-helloworld-Desktop_Qt_5_8_0_MinGW_32bit-Debug目錄,，里面存放的就是編譯生成的文件,。該目錄的內(nèi)容如下圖所示。

這里有兩個(gè)目錄：debug和release,，因?yàn)榫幾g時(shí)默認(rèn)是debug版本,，所以現(xiàn)在release目錄中是空的。打開debug目錄,，可以看到生成的可執(zhí)行文件helloworld.exe,，如下圖所示。

此時(shí)雙擊helloworld.exe文件,，會(huì)彈出系統(tǒng)錯(cuò)誤提示框,，提示丟失了Qt5Cored.dll文件。如下圖所示,。

我們可以在Qt安裝路徑下找到該文件,，我這里是在C:\Qt\Qt5.8.0\5.8\mingw53_32\bin中，將其復(fù)制到debug目錄里面,，然后還會(huì)提示缺少其他幾個(gè)dll文件,，依次將它們復(fù)制過來即可。完成后helloworld.exe就可以運(yùn)行了,。其實(shí)也可以先設(shè)置環(huán)境變量,，以后在本機(jī)就可以直接運(yùn)行生成的可執(zhí)行文件了，這個(gè)可以參考下面的附錄,。

• 編譯release版本程序
  

可以看到debug版本的可執(zhí)行文件需要的dll文件很大,，因?yàn)槠渲邪苏{(diào)試信息,。而實(shí)際發(fā)布軟件是使用的release版本，下面就來編譯release版本的helloworld程序,。（PS: 如果前面關(guān)閉了Qt Creator,，那么需要在Qt Creator中再次打開helloworld項(xiàng)目，可以從歡迎模式的開發(fā)頁面中打開最近使用的項(xiàng)目,，也可以從文件菜單中打開,，還可以將源碼目錄中的.pro文件直接拖入到QtCreator來打開。）

如下圖所示,，在左下角的目標(biāo)選擇器中設(shè)置為release版本,，也就是發(fā)布版本。完成后運(yùn)行程序即可,。

• 設(shè)置應(yīng)用程序圖標(biāo)

       想要發(fā)布的程序有個(gè)漂亮的圖標(biāo),，操作非常簡單，把要設(shè)置的ico圖標(biāo)放到源碼目錄,，例如myico.ico文件,，然后打開項(xiàng)目文件helloworld.pro，在最下面添加一行代碼：

RC_ICONS = myico.ico

       再次運(yùn)行程序,，可以看到窗口左上角出現(xiàn)了設(shè)置的圖標(biāo),，如下圖所示。

現(xiàn)在到build-helloworld-Desktop_Qt_5_8_0_MinGW_32bit-Release目錄中的release目錄,，可以看到helloworld.exe已經(jīng)使用了新的圖標(biāo),，可以將其復(fù)制到一個(gè)新建文件夾中，然后將需要的幾個(gè)dll文件（跟debug版本的不是完全一樣哦?。┮矎?fù)制過來,，分別是Qt安裝目錄下bin目錄中的libgcc_s_dw2-1.dll、libstdc++-6.dll,、libwinpthread-1.dll,、Qt5Core.dll、Qt5Gui.dll和Qt5Widgets.dll這6個(gè)文件,，另外,，還需要將C:\Qt\Qt5.8.0\5.8\mingw53_32\plugins目錄中的platforms文件夾復(fù)制過來，里面只需要保留qwindows.dll文件即可,，如下圖所示,。最后將該文件夾壓縮打包即可發(fā)布,。

       安裝好Qt后，會(huì)在開始菜單生成一個(gè)目錄,，如下圖所示,。

       這里是Qt提供的幾個(gè)工具軟件,。其中Assistant是Qt助手，它已經(jīng)集成到了QtCreator中,，就是幫助模式,；Designer是Qt設(shè)計(jì)師，它也集成到了Qt Creator中,，就是設(shè)計(jì)模式,； Linguist是Qt語言家，用來對(duì)軟件進(jìn)行國際化翻譯,；下面的Qt 5.8 for Desktop可以用來進(jìn)行命令行操作,，比如使用命令行來編譯程序等。

• 設(shè)置環(huán)境變量

       前面為了運(yùn)行生成的helloworld.exe文件,，復(fù)制了一些dll文件。其實(shí),，如果只想在本機(jī)運(yùn)行程序,，那么不必要每次都復(fù)制這些文件，只需要將path環(huán)境變量設(shè)置一下即可,。我們?cè)谧烂嬗?jì)算機(jī)（我的電腦）圖標(biāo)上右擊,，選擇屬性，然后選擇高級(jí)系統(tǒng)設(shè)置,，在高級(jí)頁面選擇環(huán)境變量,，然后在系統(tǒng)變量中找到Path變量，雙擊,，在變量值的最后,，添加上Qt的bin目錄的路徑，我這里是; C:\Qt\Qt5.8.0\5.8\mingw53_32\bin（注意,，在最前面有個(gè)英文半角的分號(hào)）,。如下圖所示。

       這樣以后直接在本機(jī)運(yùn)行exe文件就不需要再復(fù)制那些dll文件了,。其實(shí),，還有一種方式也不需要dll文件，那就是靜態(tài)編譯,，不過使用靜態(tài)編譯的Qt程序很大,，而且不夠靈活，所以這里不再講解,，有興趣的朋友可以在網(wǎng)上搜索一下,。

• 構(gòu)建套件

       打開Qt Creator，選擇“工具→選項(xiàng)”菜單，在彈出的對(duì)話框左側(cè)選擇“構(gòu)建和運(yùn)行”,，這時(shí)就可以看到現(xiàn)在已經(jīng)有的構(gòu)建套件（kit）,，如下圖所示。其實(shí),，構(gòu)建套件就是編譯工具的集合,，這里主要包括了套件名稱、設(shè)備,、編譯器,、調(diào)試器和Qt版本，這些都可以在這里進(jìn)行選擇和設(shè)置?，F(xiàn)在安裝的Qt 5的SDK都會(huì)默認(rèn)將桌面版的構(gòu)建套件設(shè)置好,，從名稱“Desktop Qt 5.8.0MinGW 32bit”就可以看出，現(xiàn)在使用的是5.8.0版本的Qt庫和32位的MinGW編譯器編譯的桌面版程序,。在Qt Versions頁面,，可以看到Android版的Qt庫，只是因?yàn)楝F(xiàn)在還沒有設(shè)置相應(yīng)的工具,，所以無法搭建構(gòu)建套件,，關(guān)于該部分內(nèi)容，可以查看http://www./portal.php?mod=view&aid=13這篇教程,。

這一篇中通過創(chuàng)建一個(gè)hello world程序,，主要講解了Qt Creator開發(fā)環(huán)境的創(chuàng)建以及Qt程序運(yùn)行發(fā)布等內(nèi)容。這一篇是最基本的知識(shí),，希望大家先按照本篇內(nèi)容安裝好Qt,，再來學(xué)習(xí)下面的內(nèi)容。在《Qt Creator快速入門》一書中對(duì)開發(fā)環(huán)境以及hello world程序進(jìn)行了更加詳細(xì)深入的講解,，有需要的童鞋可以參考一下,。