丁同学日记本Qt Designer 5.14.2新手入门教程
Qt Designer 5.14.2新手入门教程
1. 安装与启动
Qt Designer是Qt官方提供的可视化UI设计工具，安装非常简单。如果你已经安装了Qt 5.14.2开发环境，它通常会自动包含在安装包中。启动方式有两种：可以直接在开始菜单中找到"Qt Designer"图标点击运行；也可以在Qt Creator中通过"工具"→"外部"→"Qt Designer"来启动。首次打开会看到一个空白的工作区，左侧是控件面板，右侧是属性编辑器。
2. 创建第一个窗口
启动Qt Designer后，首先选择"文件"→"新建"，在弹出的对话框中选择"Widget"或"Main Window"作为模板。主窗口模板会自带菜单栏和状态栏，而Widget模板则是一个空白面板。选择后点击"创建"，就会在工作区看到一个可编辑的窗口。你可以通过拖动窗口边缘来调整大小，这个大小就是程序运行时窗口的初始尺寸。
3. 添加基本控件
在左侧的控件面板中，可以看到各种UI控件分类，如Buttons(按钮)、Display Widgets(显示控件)、Input Widgets(输入控件)等。要添加控件，只需点击选中，然后在主窗口上点击或拖动即可。例如：添加一个Push Button(按钮)，先在Buttons分类中找到它，点击后到主窗口上拖动出一个矩形区域。添加后可以立即在窗口上看到这个按钮，还可以拖动调整位置和大小。
4. 设置控件属性
选中任意控件后，右侧的属性编辑器中会显示该控件的所有可编辑属性。例如选中按钮后，可以修改它的text属性来改变按钮上显示的文字；修改objectName属性来设置它在代码中的引用名称；还可以调整字体、颜色、大小等视觉属性。属性分为多个分类，如QWidget(基础属性)、QAbstractButton(按钮特有属性)等，可以展开查看。
5. 布局管理
Qt Designer提供了强大的布局管理功能，可以让UI在不同尺寸下自动调整。选中多个控件后(按住Ctrl键多选)，点击工具栏上的布局按钮(水平布局、垂直布局、网格布局等)，这些控件就会按照指定方式排列。布局后，控件之间的相对位置会固定，当窗口大小改变时它们会自动调整。也可以在空白处点击右键选择"布局"→"在布局中布局"来对整个窗口应用布局。
6. 预览与保存
设计过程中可以随时点击"表单"→"预览"或按Ctrl+R快捷键来预览当前UI的实际效果。满意后选择"文件"→"保存"将设计保存为.ui文件，这个文件是XML格式的界面描述文件。在Qt项目中使用时，可以通过uic工具将其转换为代码，或者直接在代码中动态加载.ui文件。建议为每个窗口单独保存一个.ui文件，并取一个有意义的名称。
7. 信号与槽连接
Qt Designer支持可视化连接信号与槽。点击工具栏上的"编辑信号/槽"按钮(或按F4键)，进入连接模式。然后点击一个控件(如按钮)并拖动到另一个控件或窗口本身上，会弹出对话框让你选择信号和槽。例如可以将按钮的clicked()信号连接到窗口的close()槽，这样点击按钮就会关闭窗口。连接完成后可以在"信号/槽编辑器"中查看和管理所有连接。