开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >『PyQt5-基础篇』｜ 04 Qt Designer的初步快速了解

『PyQt5-基础篇』｜ 04 Qt Designer的初步快速了解

原创

作者头像

虫无涯

发布于 2023-09-07 09:34:53

发布于 2023-09-07 09:34:53

1.5K1

举报

文章被收录于专栏：全栈测试技术全栈测试技术

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视图（基于模型）；

控件	说明
`List View`	列表视图
`Tree View`	树视图
`Table View`	表格视图
`Column View`	列视图
`Undo View`	撤销视图

2.6 Item Widgets(Item-Based)

item小部件（基于item）；

控件	说明
`List Widget`	列表小部件
`Tree Widget`	树小部件
`Table Widget`	表格小部件

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部件属性：
在这里插入图片描述
在这里插入图片描述

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

评论

登录后参与评论

0 条评论

热度

最新

目录

1 Qt Designer入口

2 Qt Designer-Widget Box
- 2.1 窗口部件盒（Widget Box）
- 2.2 Layouts布局
- 2.3 Spacers间隔部件
- 2.4 Button按钮
- 2.5 Item Views(Model-Based)
- 2.6 Item Widgets(Item-Based)
- 2.7 Containers容器
- 2.8 Input Widget输入部件
- 2.9 Display Widget展示小部件

3 部件属性