編寫第一個Qt程序

http://c.biancheng.net/view/1817.htmlhtml

 

學習一種編程語言或編程環境,一般會先編寫一個「Hello World」程序。咱們也用 Qt Creator 編寫一個「Hello World」程序,以初步瞭解 Qt Creator 設計應用程序的基本過程,對使用 Qt Creator 編寫 Qt C++ 應用程序創建初步的瞭解。編程

新建一個項目

單擊 Qt Creator 的菜單項文件->新建文件或項目,出現如圖 1 所示的對話框。在這個對話框裏選擇須要建立的項目或文件的模板。架構


新建文件或項目對話框
圖 1 新建文件或項目對話框


Qt Creator 能夠建立多種項目,在最左側的列表框中單擊「Application」,中間的列表框中列出了能夠建立的應用程序的模板,各種應用程序以下:編程語言

  • Qt Widgets Application,支持桌面平臺的有圖形用戶界面(Graphic User Interface,GUI) 界面的應用程序。GUI 的設計徹底基於 C++ 語言,採用 Qt 提供的一套 C++ 類庫。
  • Qt Console Application,控制檯應用程序,無 GUI 界面,通常用於學習 C/C++ 語言,只須要簡單的輸入輸出操做時可建立此類項目。
  • Qt Quick Application,建立可部署的 Qt Quick 2 應用程序。Qt Quick 是 Qt 支持的一套 GUI 開發架構,其界面設計採用 QML 語言,程序架構採用 C++ 語言。利用 Qt Quick 能夠設計很是炫的用戶界面,通常用於移動設備或嵌入式設備上無邊框的應用程序的設計。
  • Qt Quick Controls 2 Application,建立基於 Qt Quick Controls 2 組件的可部署的 Qt Quick 2 應用程序。Qt Quick Controls 2 組件只有 Qt 5.7 及之後版本纔有。
  • Qt Canvas 3D Application,建立 Qt Canvas 3D QML 項目,也是基於 QML 語言的界面設計,支持 3D 畫布。


在圖 1 顯示的對話框中選擇項目類型爲 Qt Widgets Application 後,單擊「Choose…」按鈕,出現如圖 2 所示的新建項目嚮導:編輯器


新建項目嚮導第 1 步:項目名稱和項目存儲位置設置
圖 2 新建項目嚮導第 1 步:項目名稱和項目存儲位置設置


在圖 2 中,選擇一個目錄,如「E:\QtDemo」,再設置項目名稱爲 Demo, 這樣新建項目後,會在「E:\QtDemo」目錄下新建一個目錄,項目全部文件保 存在目錄「E:\QtDemo\Demo\」下。

在圖 2 中設置好項目名稱和保存路徑後,單擊「Next」按鈕,出現如圖 3 所示的選擇編譯工具的界面:函數



圖 3 新建項目嚮導第 2 步:選擇編譯工具


能夠將這幾個編譯工具都選中,在編譯項目時再選擇一個做爲當前使用的編譯工具,這樣能夠編譯生成不一樣版本的可執行程序。工具


新建項目想到第 3 步:選擇界面基類
圖 4 新建項目想到第 3 步:選擇界面基類


在圖 3 顯示的界面中單擊「Next」按鈕,出現如圖 4 所示的界面。在此界面中選擇須要建立界面的基類(base class)。有 3 種基類能夠選擇:學習

  1. QMainWindow 是主窗口類,主窗口具備主菜單欄、工具欄和狀態欄,相似於通常的應用程序的主窗口;
  2. QWidget 是全部具備可視界面類的基類,選擇 QWidget 建立的界面對各類界面組件均可以 支持;
  3. QDialog 是對話框類,可創建一個基於對話框的界面;


在此選擇 QMainWindow 做爲基類,自動更改的各個文件名不用手動去修改。勾選「建立界面」複選框。這個選項若是勾選,就會由 Qt Creator 建立用戶界面文件,不然,須要本身編程手工建立界面。初始學習,爲了瞭解 Qt Creator 的設計功能,勾選此選項。

而後單擊「Next」按鈕,出現一個頁面,總結了須要建立的文件和文件保存目錄,單擊「完成」按鈕就能夠完成項目的建立。開發工具

項目的文件組成和管理

完成了以上新建項目的步驟後,在 Qt Creator 的左側工具欄中單擊「編輯」按鈕,可顯示如圖 5 所示的窗口。字體


 項目管理與文件編輯界面
圖 5 項目管理與文件編輯界面


窗口左側有上下兩個子窗口,上方的目錄樹顯示了項目內文件的組織結構,顯示當 前項目爲 Demo。項目的名稱構成目錄樹的一個根節點,Qt Creator 能夠打開多個項目,可是隻有一個活動項目,活動項目的項目名稱節點用粗體字體表示。

在項目名稱節點下面,分組管理着項目內的各類源文件,幾個文件及分組分別爲如下幾項:

  • Demo.pro 是項目管理文件,包括一些對項目的設置項。
  • Headers 分組,該節點下是項目內的全部頭文件(.h),圖 5 中所示項目有一個頭文件 mainwindow.h,是主窗口類的頭文件。
  • Sources 分組:該節點下是項目內的全部 C++源文件(.cpp),圖 5 中所示項目有兩個 C++ 源文件,mainwindow.cpp 是主窗口類的實現文件,與 mainwindow.h 文件對應。main.cpp 是主函數文件,也是應用程序的入口。
  • Forms 分組:該節點下是項目內的全部界面文件(.ui)。圖 5 中所示項目有一個界面文件mainwindow.ui,是主窗口的界面文件。界面文件是文本文件,使用 XML 語言描述界面的組成。


左側上下兩個子窗口的顯示內容能夠經過其上方的一個下拉列表框進行選擇,能夠選擇的顯示內容包括項目、打開文檔、書籤、文件系統、類視圖、大綱等。在圖 5 中,上方的子窗口顯示了項目的文件目錄樹,下方顯示打開的文件列表。能夠在下方選擇顯示類視圖,這樣下方則顯示項目內全部的類的結構,便於程序瀏覽和快速切換到須要的代碼位置。

雙擊文件目錄樹中的文件mainwindow.ui,出現如圖 6 所示的窗體設計界面:


集成在 Qt Creator 中UI設計器
圖 6 集成在 Qt Creator 中UI設計器


這個界面其實是 Qt Creator 中集成的 Qt Designer。窗口左側是分組的組件面板,中間是設計的窗體。在組件面板的 Display Widgets 分組裏,將一個Label組件拖放到設計的窗體上面。雙擊剛剛放置的 Label 組件,能夠編輯其文字內容,將文字內容更改成「Hello, World!」。還能夠在窗口右下方的屬性編輯器裏編輯標籤的 Font 屬性,Point Size(點大小)更改成 12,勾選粗體。

項目的編譯、調試與運行

單擊主窗口左側工具欄上的「項目」按鈕,出現如圖 7 所示的項目編譯設置界面。


項目編譯器選擇和設置界面
圖 7 項目編譯器選擇和設置界面


界面左側一欄的「Build & Run」下面顯示了本項目中可用的編譯器工具,要使用哪個編譯器用於項目編譯,單擊其名稱便可,選擇的編譯器名稱會用粗體字表示。這裏選擇使用 MinGW 32bit 編譯器。

每一個編譯器又有 Build 和 Run 兩個設置界面。在 Build 設置界面上,有一個「Shadow build」 複選框。若是勾選此項,編譯後將在項目的同級目錄下創建一個編譯後的文件目錄,目錄名稱包含編譯器信息,這種方式通常用於使用不一樣編譯器建立不一樣版本的可執行文件。若是不勾選此項,編譯後將在項目的目錄下創建「Debug」和「Release」子目錄用於存放編譯後的文件。

在設計完 mainwindow.ui 文件,並設置好編譯工具以後,就能夠對項目進行編譯、調試或運行。主窗口左側工具欄下方有 4 個按鈕,其功能見表 1。

表 1 編譯調試工具欄按鈕的做用
圖標 做用 快捷鍵
彈出菜單選擇編譯工具和編譯模式,如 Debug或 Release模式  
直接運行程序,若是修改後未編譯,會先進行編譯。即便在程序中設置了斷點,此方式運行的程序也沒法調試。 Ctrl+R
項目須要以Debug模式編譯,點此按鈕開始調試運行,能夠在程序中設置斷點。如果以 Release模式編譯,點此按鈕也沒法進行調試。 F5
編譯當前項目 Ctrl+B


首先對項目進行編譯,沒有錯誤後,再運行程序。程序運行的界面如圖 8 所示。這就是一個標準的桌面應用程序,咱們採用可視化的方式設計了一個窗口,並在上面顯示了字符串「Hello, World!」。


實例程序 Demo 運行時界面
圖 8 實例程序 Demo 運行時界面


在 Qt Creator 中也能夠對程序設置斷點進行調試,可是必須以 Debug 模式編譯,並以「Start Debugging」(快捷鍵 F5)方式運行程序。

程序調試的方法與通常 IDE 工具相似,再也不詳述。注意,要在 Qt Creator 裏調試 MSVC2015 編譯的程序,必須安裝 Windows 軟件開發工具包 SDK。

相關文章
相關標籤/搜索