1 Qt Designer入口

• 之前文章设置好了Qt Designer工具；
• 现在直接在Pycharm中打开；
• 路径为：工具-External Tools-Qt Designer
  
  

  2 Qt Designer-Widget Box

• 一般情况下，我们创建一个应用程序选的是Main Window;
• 选择后进入到Qt Designer的设计界面：
  

  2.1 窗口部件盒（Widget Box）

• 最左侧的就是Widget Box；
  
• 所有同类的控件会在一起显示；

  2.2 Layouts布局

• Layouts是Qt Designer支持的4中布局；
  

布局	说明	示例
Vertical Layout	竖直布局

Horizontal Layout |水平布局 |
| Grid Layout | 栅格布局 | |
| Form Layout | 表格布局 |

2.3 Spacers间隔部件

部件	说明	示例
Horizontal Spacer	水平间隔部件
Vertical Spacer	竖直间隔部件

2.4 Button按钮

按钮控件	说明	示例
Push Button	按压按钮
Tool Button	工具按钮
Radio Button	单选按钮
Check Box	多选框
Command Link Button	命令链接按钮
Dialog Button Box	对话框按钮

2.5 Item Views(Model-Based)

• item视图（基于模型）；

2.6 Item Widgets(Item-Based)

• item小部件（基于item）；

2.7 Containers容器

控件	说明	示例
Group Box	组合框
Scroll Area	滚动区
Tool Box	工具箱
Tab Widget	选项卡
Stacked Widget	堆栈控件
Frame	边框控件
Widget	窗口控件
MDI Area	多文档区域
Dock Widget	停靠小部件

2.8 Input Widget输入部件

控件	说明
Combo Box	下拉选择框
Font Combo Box	字体下拉选择框
Line Edit	单行文本编辑框
Text Edit	文本编辑框
Plain Text Edit	纯文本编辑框
Spin Box	数字设定框
Double Spin Box	小数设定框
Time Edit	时间编辑框
Date Edit	日期编辑框
Date/Time Edit	日期/时间编辑框
Dial	圆表盘
Horizontal Scroll Bar	水平滚动条
Vertical Scroll Bar	垂直滚动条
Horizontal Slider	水平滑块
Vertical Slider	垂直滑块
Key Sequence Edit	键序列编辑器

2.9 Display Widget展示小部件

控件	说明	示例
Label	标签
Text Browser	文本浏览器
Graphics View	图象视图
Calendar Widget	日历小部件
LCD Number	LCD数字
Progress Bar	进度条
Horizontal Line	水平条
Vertical Line	垂直条
openGL widget	开放图形库小部件

3 部件属性

• 比如LCD数字部件的属性如下：
  
• 比如QWidget部件属性：