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文件的其余部分。