一. 安裝
1. 版本選擇
本次選擇的版本是Qt5.6,在包含了Qt5新特性的同時,兼容win7的開發和部署,甚至xp的部署
2. 下載地址
下載地址qt-opensource-windows-x86-mingw492-5.6.3.exe
該地址從官網上沒有直接的入口,為防止該地址失效,記錄官網找到該地址的過程如下
-
在Qt官網首頁搜索框輸入
qt downloads,選擇搜索結果中的Download Offline Installers

-
在彈出的Offline Qt Downloads 頁面中,拖到最下面,點擊
in the archive

-
在彈出的Qt Downloads頁面中,找到5.6/點擊進入

-
這里使用5.6的最高版本,5.6.3/,點擊進入

P.s.:上面介紹的第一步,可以通過如下方式完成
-
在Qt官網首頁最下方,點擊
Open Source

-
在彈出的Open Source Qt Use頁面最下方,點擊
Download the Qt Online Installer

-
在彈出的Install Qt頁面最下方,點擊offline packages you can get them here

3. 安裝
安裝很傻瓜。用戶登錄可以跳過,能全選就全選,一路下一步即可。
- 沒啥說的。下一步

- Qt賬號可以在官網申請,這一步可以直接跳過沒影響

- 。。下一步

- 安裝路徑,老規矩,避免中文和特殊符號,避免路徑中出現空格,如
Program Files和它的86兄弟。
另外全部安裝會占用4.94GB磁盤空間,請自行選擇合適的安裝路徑

- 注意,此處不要無腦下一步了,點個全選再下一步

這里可以詳細看一下,安裝的組件中是默認包含了Qt Creator 4.0.3的,所以這一個安裝包就包含了開發需要的Qt庫和IDE開發工具。
另外MinGW 4.9.2出現了兩次,按照分類可以推測,第一個是使用MinGW編譯得到的Qt庫,第二個是獨立的工具包,也就是單獨的MinGW編譯器

- 額這里因為是安裝過的機器截的圖,所以下面已經有了
Qt 5.6.3,不要在意,下一步就好

- 組件全選會占用4.94GB磁盤空間,現在改安裝路徑還來得及,左上角有返回鍵

二. HelloWorld
1. 新建工程
- 雙擊桌面上
qtcreator的快捷方式

- 點擊
New Project

- 點擊
Choose

- 項目名稱改為
HelloWorld,路徑自行選取,建議新建一個同名文件夾存放

P.s.:不要按照圖中路徑創建工程,權限不夠。。自己挑個地方統一管理就好 - 當前環境可使用的Kit只有一個,下一步即可。

點擊查看詳情可以看到,之后在不同模式下編譯工程時,會生成不同的文件夾,可自行探索新鮮玩法。 - 下一步就好

- 完成

2. QtCreator界面布局
QtCreator的界面是比較常規的,易於上手。很多地方可以參考Visual Studio,概念相同
- 文本編輯界面。並無兩樣,關鍵詞高亮、行號、自動補全都是默認的,無需調整。

- 項目文件結構。默認的文件結構是按照頭文件、源文件和界面文件分類的,但其實在文件夾內並沒有這樣的子文件夾結構。

- 左側工具欄上半部分。最重要的是,第二個按鍵
編輯,初始上手的常見情況是,點來點去找不到代碼編輯界面了,記得回來點編輯,默認布局的話會再次呈現前面說的文本編輯界面和項目文件結構,此時找到剛剛編輯的代碼文件雙擊打開即可。

- 左側工具欄下半部分。
第一個,小電視,點擊可以選擇構建模式是Debug、Profile還是Release
第二個,綠色箭頭,運行,就是VS里的開始執行(不調試),快捷鍵Ctrl+R
第三個,綠色箭頭,上面有個蟲子,就是調試,快捷鍵F5
最后,一個錘子,構建項目,就是VS里的生成解決方案

P.s.:修改字體。上方工具欄,工具->選項->文本編輯器->字型。建議等寬字體,如Consolas。個人常用Microsoft YaHei Mono,需額外下載安裝。
3. 構建運行輸出HelloWorld
常規的構建運行操作,和VS類似,兩步
- 構建。左下角錘子點一下。
構建過程中,運行和調試都會變成灰色無法點擊,同時在界面右下角出現進度條。
進度條走完了就構建結束。此時運行和調試會恢復綠色可以點擊。
另外可以點擊界面下方4編譯輸出查看編譯結果,如圖所示即為正常。
通常程序有問題時,構建結束后,下方的1問題會自動彈出,提示程序錯誤位置。

- 運行。左下角綠色箭頭(不帶蟲子)點一下。
構建沒有問題則運行一般不會有錯。
我們的HelloWorld例程建好之后,不做任何修改,直接構建、運行,就是這樣

輸出HelloWorld
-
第一層
- 雙擊
mainwindow.ui,進入設計界面

- 在右下角屬性列表尋找
windowTitle,修改右側內容,由MainWindow改為HelloWorld,單擊空白處或按下回車即保存修改

P.s.:可使用屬性列表上方的過濾器Filter快速找到windowTitle - 構建運行,查看實驗效果

- 雙擊
-
第二層
- 雙擊
mainwindow.ui,進入設計界面 - 從左側控件欄中,拖一個
Push Button放到中間界面編輯處 - 在右下角屬性列表尋找
text,修改右側內容,由PushButton改為HelloWorld,單擊空白處或按下回車即保存修改

P.s.:可使用屬性列表上方的過濾器Filter快速找到text - 構建運行,查看實驗效果

- 雙擊
-
第三層
- 雙擊
mainwindow.ui,進入設計界面 - 右鍵單擊第二層放置的
Push Button,選擇轉到槽

- 選擇
clicked(),點擊OK或雙擊clicked()

- 跳轉到代碼編輯界面,發現多了一個函數,用來處理剛剛選擇的
Push Button的clicked()信號

- 添加頭文件
#include "QMessageBox",后面使用彈出QMessageBox的方式輸出HelloWorld

- 在函數中加入這句代碼
QMessageBox::information(NULL, "Level3", "HelloWorld", QMessageBox::Yes | QMessageBox::No, QMessageBox::Yes);
其中第二個參數表示彈窗的標題,第三個參數表示彈窗的內容。

- 構建運行,查看實驗效果

- 雙擊
4. 文件結構
打開項目路徑,這里需要記住的是,HelloWorld.pro這樣的.pro文件,是工程文件,雙擊會調用qtcreator打開該項目,同理從qtcreator中打開項目時,也要選擇.pro文件

參考文獻
[1] Qt Creator下載和安裝(詳細教程)
[2] Qt5對WinXP系統的支持和兼容情況
[3] 放福利:Yahei consolas hybrid 修正版,vim用起來更舒服

