Qt小部件基礎教程:如何使用Qt Designer設計用戶界面

---

Qt是目前最先進、最完整的跨平臺C++開發工具。它不僅完全實現了一次編寫，所有平臺無差別運行，更提供了幾乎所有開發過程中需要用到的工具。如今，Qt已被運用于超過70個行業、數千家企業，支持數百萬設備及應用。

點擊下載QT最新試用版

該向導生成XML格式的用戶界面定義：notepad.ui。當您在Qt Creator中打開notepad.ui文件時，它會在集成的Qt Designer中自動打開。

生成應用程序時，Qt Creator將啟動Qt用戶界面編譯器（uic），該程序讀取.ui文件并創建相應的C ++頭文件ui_notepad.h。

使用Qt Designer

該向導將創建一個使用QMainWindow的應用程序。它具有自己的布局，可以在其中添加菜單欄，停靠小部件，工具欄和狀態欄。中心區域可以被任何類型的小部件占據。向導將“記事本”小部件放在此處。

要在Qt Designer中添加小部件：

1. 在Qt Creator Editor模式下，雙擊“Projects”視圖中的notepad.ui文件，以在集成的Qt Designer中啟動該文件。
2. 將小部件Text Edit（QTextEdit）拖放到窗體。
3. 按Ctrl + A（或Cmd + A）選擇小部件，然后單擊“Lay out Vertically（或按Ctrl + L）以應用垂直布局（QVBoxLayout）。
4. 按Ctrl + S（或Cmd + S）保存更改。

用戶界面現在在Qt Designer中如下所示：

您可以在代碼編輯器中查看生成的XML文件：

<？xml版本=“ 1.0”編碼=“ UTF-8”？>
<ui版本=“ 4.0”>
 <class>記事本</ class>
 <widget class =“ QMainWindow” name =“ Notepad”>
  <property name =“ geometry”>
   <rect>
    <x> 0 </ x>
    <y> 0 </ y>
    <width> 800 </ width>
    <height> 400 </ height>
   </ rect>
  </ property>
  <property name =“ windowTitle”>
   <string>記事本</ string>
  </ property>
  <widget class =“ QWidget” name =“ centralWidget”>
   <layout class =“ QVBoxLayout” name =“ verticalLayout”>
    <項目>
     <widget class =“ QTextEdit” name =“ textEdit” />
    </ item>
   </ layout>
  </ widget>
  <widget class =“ QMenuBar” name =“ menuBar”>
    ...

以下行包含XML聲明，該聲明指定文檔中使用的XML版本和字符編碼：

< ？xml版本= “ 1.0”編碼= “ UTF-8” ？>

文件的其余部分指定一個ui定義記事本小部件的元素：

< ui版本= “ 4.0” >

這種情況是UI文件與Notepad類的頭文件和源文件一起使用。我們將在后面的部分中查看UI文件的其余部分。