1、Designer简述
Qt Designer 是用于使用 Widget 设计和构建图形用户界面（GUI）的Qt工具。
Qt Designer 有如下优点:
直接编辑窗口或对话框,并使用不同的样式和分辨率对其进行测试;
方便使用Qt的信号和插槽机制，使用Qt Designer创建的 Widget 和 From 可以与编程代码无缝集成;
在Qt Designer中设置的所有属性都可以在代码中动态更改;
在Qt Designer可将窗口或控件提升为自定义组件。
Qt Creator在设计模式下自动在集成的Qt Designer中打开所有.ui文件,当然也可以在独立的Qt Designer中进行使用。
打开UI文件,便会预览到如下内容,大致由6个部分组成
Qt Designer 也叫 UI 设计师或者 UI 设计器
2、Qt中的布局概念
QT布局用于安排和管理组成用户界面的元素,布局可在以下情况提供帮助：
调整用户界面的大小以适合不同的窗口大小。
在用户界面中调整元素的大小以适合不同的本地化。
安排元素以遵守不同平台的布局准则。
QT布局分类：
QHBoxLayout
QVBoxLayout
QGridLayout
QFormLayout
每个Qt 控件都有一个建议的大小，称为sizeHint()。布局管理器将尝试调整窗口控件的大小，以 满足其大小提示。在某些情况下，不需要具有其他大小。例如QLineEdit 的高度始终是固定值，具 体取决于字体大小和样式。在其他情况下，可能需要更改大小，例如QLineEdit 的宽度或项目 视图小部件的宽度和高度。这是小部件尺寸约束-minimumSize 和maximumSize 约束起作用的地 方。 这些值可以在属性编辑器中进行设置。例如，要覆盖默认的sizeHint()，只需设置minimumSize和maximumSize 为相同的值。或者，要将当前大小用作大小限制值，请从小部件的上下文菜单中选择”大小限制”选项之一。然后，布局将确保满足这些约束。要通过代码控制小部件的大小，可以在代码中重新实现sizeHint（）。 简而言之，把布局想象成一个尽可能缩小的盒子，尝试以整齐的方式挤压小部件，同时最大程度地利用可用空间。 Qt 的布局可在以下情况提供帮助： • 调整用户界面的大小以适合不同的窗口大小。 • 在用户界面中调整元素的大小以适合不同的本地化。 • 安排元素以遵守不同平台的布局准则。
3、手动添加UI文件
实现一个简单的ui文件,文本中记录了窗体名,类名,窗体长宽和标题栏要显示的字符
在编译程序的时候,会使用到Qt的一个工具用户界面编译器(uic), 它负责将xml格式的代码编译转换成一个标准的C++类
4、工程管理
.h .c++ 文件为头文件和源文件,代码通常都是写在这两种文件中的
.ui 文件就是我们前面提到界面文件,其实质是xml格式的文本文件
.pro 文件就是这节要提到的工程管理文件,以qmake特有的语法记录了工程的文件和配置
.pri pri文件通常也用于工程管理,将代码整理成一个模块,通过引入pri文件来引入代码模块
.pro.user 为用户描述文件,记录了我们工程的开发环境构建环境等等,也是xml格式的文本文件
.qrc 除上面的文件,工程中一般还会有qrc资源文件,用于记录图片,音视频等文件
工程的目录和在 Qt Designer 中看到的工程结构不太一样, 是因为 Qt Designer 有对 pro 文件进行解析并按照其内容进行相关设置
