https://blog.csdn.net/JasonCrawford/article/details/116204603
如果还不了解如何配置环境可以看上一篇专栏博文，新手推荐按照专栏文章序号来学习
Qt Designer 是一个用于快速开发Qt的界面设计工具，它可以使用鼠标直接对界面上的控件进行摆放、参数预设、信号与槽、伙伴、TAB顺序，并把这些基本设置生成.ui文件，这个文件实际上是一个xml描述文件，他可以直接用于qt的界面的开发使用，如果用于Pyqt我们仅需要使用pyuic 小工具即可将其从.ui转换为.py的一个class文件。通过这个py的类文件，我们就能使用Python操控刚刚设计好的界面了。
第一步:
新建Qt Designer设计界面
打开Qt Designer时，可以看见隶属于QtWidget类中的三个常用窗口基类 分别是:QtWidget、QDialog、QMainWindow，这里要注意根据自己的需要进行创建，分别为组件、对话框、主窗口。
想了解其主要区别推荐看一下 Hi小新的这篇(QT中QWidget、QDialog及QMainWindow的区别)博文https://www.cnblogs.com/aqxin/archive/2011/05/23/2054156.html
第二步:
了解基础界面
Qt Designer 主要功能区
橙框标注的位置是Qt Designer 的四个主要功能从左到右分别是： 编辑窗口控件、编辑信号/槽、编辑伙伴、编辑TAB顺序
需要绘制UI时只需要从左侧控件区拖拽到中间的UI绘制区窗口上即可完成绘制，绘制后可以对它进行属性编辑，动作编辑，如果认为设计了多种布局方式层级后查看不清晰，还可以从对象查看区看层级关系，或是直接从对象查看区点击对应控件进行修改设定。
第三步:
信号与槽 小试牛刀
从空间区拖拽 一个输入控件 一个显示控件
如表盘(Input Widgets → Dial) 和 LCD 数字(Display Widgets → LCD Number)
切换到 编辑信号与槽的模式
按住表盘向LCD 数字进行连接，即可打开 信号与槽的配置连接
配置成功后，可以看见信号/槽编辑器中已经显示了一条新增的简单关系
由dial作为发送者，如果值发生改变 就将其发到lcdNumber的显示中。在qt的概念中，用于发送量的就是信号，接收的位置就是槽，把信号放到槽里。
现在开始预览一下，可以通过旋转表盘，达到改变LCD Number的显示的效果
之所以旋转表盘会有值修改信号的输出，是因为表控件的默认属性就是: 最小值0 最大值99 每次旋转步进为1
这时可以将其保存成.ui格式到电脑,至此使用Qt Designer设计一个ui界面的工作完成了。
其实对于Qt Designer中的属性、动作、信号/槽编辑器都可以后期通过代码进行解决，并且还可以配合上定时器，其他多控件、进程的联动，且不会因为修改.ui文件，导致控件逻辑的丢失，尤其是比较复杂的功能，推荐还是使用后期代码来进行解决，在下一专栏文章中将会讲到，如何把.ui文件转换成python的类文件，并将界面与逻辑进行分离运行。
转载：https://blog.csdn.net/JasonCrawford/article/details/116225192