Qt小部件基础教程:如何使用Qt Designer设计用户界面

Qt是目前最先进、最完整的跨平台C++开发工具。它不仅完全实现了一次编写，所有平台无差别运行，更提供了几乎所有开发过程中需要用到的工具。本章节主要讲述如何使用qt designer,以及如何在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文件：

<ml版本=“ 1.0”编码=“ UTF-8”gt;<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版本和字符编码：

< ml版本= “ 1.0”编码= “ UTF-8” gt;

文件的其余部分指定一个ui定义记事本小部件的元素：

< ui版本= “ 4.0” >

这种情况是UI文件与Notepad类的头文件和源文件一起使用。我们将在后面的部分中查看UI文件的其余部分。

如果你对我们的产品感兴趣或者有任何疑问，欢迎咨询在线客服>>

来源：慧都