PyQt5中 Qt Designer的使用
一、Designer各项介绍
1. 创建模板窗口
当我们点击配置好的External Tools中的QtDesigner时进入到Qt Designer的UI界面会有一个创建的窗口的模板类型,Qt Designer提供了5中模板,分别是:Dialog with Buttons Bottom、Dialog with Buttons Rigth、Dialog without Buttons、Main Window、Widget,其中最常用的使用Main Window 和Widget。
2. Layouts介绍
- Vertical Layout:垂直布局
- Horizontal Layout:水平布局
- Grid Layout:栅格布局
- Form Layout:表单布局
3. Spacers介绍
- Horizontal Spacer:水平分割
- Vertica Spacer:垂直分割
4. Buttons介绍
- Push Button:普通按钮
- Tool Button: 工具按钮,一般在工具栏中显示,工具栏中的工具按钮一般只显示图标,供用户快捷的使用一些功能。
- Radio Button:单选按钮
- Check Button:复选按钮
- Command Link Button:互斥按钮(跟单选按钮类似)
- Dialog Button Box:对话框按钮盒(里面包含OK 和Cancel)
5. Item Views(Model-Based)介绍
- List View:列表数据视图
- Tree View:树结构数据视图
- Table View:表格数据视图
- Column View:列数据视图
6. item Widgets (item-Based)介绍
- List Widget: List Widget是继承List View ,列表数据控件
- Tree Widget:Tree Widget是继承Tree View ,树结构数据控件
- Table Widget:Table Widget是继承Table View ,表格数据结构控件
7. Containers(容器)介绍
- Group Box:框容器
- Scroll Area:滑块/滚动条容器
- Tool Box:工具框容器
- Tab Widget:选项卡容器
- Stacked Widget:堆控件容器
- Frame:结构容器
- Widget:控件容器
- MDI Area:多窗口容器
- Dock Widget:浮动小部件
- QAxWidget:
8. Input Widgets(输入控件)介绍
- Combox 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:键序列输入框
9. Display Widgets(信息展示插件)介绍
- Label:标签
- Text Browser:文本浏览框
- Graphics View:图形文本
- Calendar Widget:日历插件
- LCD Number:LCD展示数字
- Progress Bar:进度条
- Horizontal Line:水平线
- Vertical Line:垂直线
- OpenGL Widget: 图形渲染部件
- QQuickWidget:
- QWebView:web网页视图
二、Layouts四中布局
1. Vertical Layout
垂直布局,向布局中添加的控件只能沿着垂直方向上布局。可以向布局中嵌套其他布局,可以混合使用。
- 使用Vertical Layout布局一个简单的登录界面
-
可以从右边看到使用的控件对象和属性
-
设置控件的格式
-
上面的控件中使用了QVBoxLayout、Label、Line Edit、Radiao Button、Push Button控件
-
当我们要查看或者修改类的属性时,只需要点击对象查看器中对应的类,并修改下面的相应的属性就行。
-
在上面例子中使用的控件属性分别为
-
QMainWindow类
-
属性QObject
属性 值 描述 objectName MainWindow 对象名 -
属性QWidget
属性 值 描述 enabled 选择框 是否应用于当前控件 geometry [(x,y),宽×高] 布局的坐标和尺寸,其中参数为:x坐标,y坐标;宽度,高度 sizePolicy [水平策略,垂直策略,水平伸展,垂直伸展] 默认布局方式,其中参数为:水平策略,垂直策略,水平伸展,垂直伸展 mininumSize 宽度×高度 布局的最小宽度和高度 maxinumSize 宽度×高度 布局的最大宽度和高度 sizeIncrement 宽度×高度 控件调整大小时的每次变化的增量大小(单位:像素) baseSize 宽度×高度 控件的基础大小(单位:像素) palette 继承 调色板 font 字体类型 [字体,字体大小] 设置整个布局的字体格式。参数为:字体族,字体大小,字体风格,字体效果 cursor 游标类型 游标类型 mouseTracking 选择框 选项是否启用鼠标跟踪,默认不起用 focusPolicy 焦点策略下拉选择框 控件的焦点策略 contextMenuPolicy 上下文菜单策略下拉选择框 上下文菜单策略 acceptDrops 选择框 是否弃用拖动,默认不启用 windowTitle 可输入 窗口标题 windowIcon 可选择资源 窗口图标 windowOpacity 可设置窗口透明度 窗口的透明度 toolTip 可输入 工具提示 toolTipDuration 可输入 控件的提示时间 statusTip 可输入 控件的状态提示 whatsThis 可输入 控件的帮助内容 accessibleName 可输入 名称 accessibleDesciption 可输入 描述 layoutDirection 下拉选择框 布局的方向 autoFillBackground 选择框 是否启用自动填充背景色,默认不启用 styleSheet 布局的样式设定 样式设定(QSS样式) locale 可选择 地区和语言 windowFilePath 可输入 控件的文件路径 inputMethodHints 可选择 控件的输入模式的提示 windowModality 下拉选择框 窗口状态 -
属性QMainWindow
属性 值 描述 iconSize 宽度×高度 布局窗口的图标大小,参数为:宽度,高度 toolButtonStyle 可选择 工具按钮样式 animated 选择框 是否启动可变换的窗口状态,默认不开启 documentMode 选择框 是否开启文档模式,默认不开启 tabShape 下拉选择框 选项卡的形状 dockNestingEnabled 选择框 是否开启容器嵌套使用,默认不开启 dockOptions 可选择 容器选项 unifiedTitleAndToolBarOnMac 选择框 是否开启统一布局标题和工具栏在苹果系统上,默认不开启
-
-
QWidget类
-
属性QObject
属性 值 描述 objectName centralwidget 对象名 -
属性QWidget
属性 值 描述 enabled 选择框 是否应用于当前控件 geometry [(x,y),宽×高] 布局的坐标和尺寸,其中参数为:x坐标,y坐标;宽度,高度 sizePolicy [水平策略,垂直策略,水平伸展,垂直伸展] 默认布局方式,其中参数为:水平策略,垂直策略,水平伸展,垂直伸展 mininumSize 宽度×高度 布局的最小宽度和高度 maxinumSize 宽度×高度 布局的最大宽度和高度 sizeIncrement 宽度×高度 控件调整大小时的每次变化的增量大小(单位:像素) baseSize 宽度×高度 控件的基础大小(单位:像素) palette 继承 调色板 font 字体类型 [字体,字体大小] 设置整个布局的字体格式。参数为:字体族,字体大小,字体风格,字体效果 cursor 游标类型 游标类型 mouseTracking 选择框 选项是否启用鼠标跟踪,默认不起用 focusPolicy 焦点策略下拉选择框 控件的焦点策略 contextMenuPolicy 上下文菜单策略下拉选择框 上下文菜单策略 toolTip 可输入 工具提示 toolTipDuration 可输入 控件的提示时间 statusTip 可输入 控件的状态提示 whatsThis 可输入 控件的帮助内容 accessibleName 可输入 名称 accessibleDesciption 可输入 描述 layoutDirection 下拉选择框 布局的方向 autoFillBackground 选择框 是否启用自动填充背景色,默认不启用 styleSheet 布局的样式设定 样式设定(QSS样式) locale 可选择 地区和语言 inputMethodHints 可选择 控件的输入模式的提示
-
-
QVBoxLayout类
布局的风格设置,可以对每一个布局进行单独设置。
属性Layout
属性 值 描述 layoutName 布局类型 布局类型 layoutLeftMargin 可选择 布局左边框距 layoutTopMargin 可输入 布局上边框距 layoutRightMargin 可输入 布局右边框距 layoutBottomMargin 可输入 布局下边框距 layoutSpacing 可输入 控件之间的间隔距离 layoutStretch 可选择 容器选项 layoutSizeConstraint 选择框 布局尺寸约束 -
QLabel类
设置Label控件的风格格式,每一个Label控件都可以单独进行设置。
-
属性QObject
属性 值 描述 objectName label 对象名 -
属性QWidget
属性 值 描述 enabled 选择框 是否应用于当前控件 geometry [(x,y),宽×高] 布局的坐标和尺寸,无法修改,只能通过QMianWindow修改 sizePolicy [水平策略,垂直策略,水平伸展,垂直伸展] 默认布局方式,其中参数为:水平策略,垂直策略,水平伸展,垂直伸展 mininumSize 宽度×高度 布局的最小宽度和高度 maxinumSize 宽度×高度 布局的最大宽度和高度 sizeIncrement 宽度×高度 控件调整大小时的每次变化的增量大小(单位:像素) baseSize 宽度×高度 控件的基础大小(单位:像素) palette 继承 调色板 font 字体类型 [字体,字体大小] 设置整个布局的字体格式。参数为:字体族,字体大小,字体风格,字体效果 cursor 游标类型 游标类型 mouseTracking 选择框 选项是否启用鼠标跟踪,默认不起用 focusPolicy 焦点策略下拉选择框 控件的焦点策略 contextMenuPolicy 上下文菜单策略下拉选择框 上下文菜单策略 acceptDrops 选择框 是否弃用拖动,默认不启用 toolTip 可输入 工具提示 toolTipDuration 可输入 控件的提示时间 statusTip 可输入 控件的状态提示 whatsThis 可输入 控件的帮助内容 accessibleName 可输入 名称 accessibleDesciption 可输入 描述 layoutDirection 下拉选择框 布局的方向 autoFillBackground 选择框 是否启用自动填充背景色,默认不启用 styleSheet 布局的样式设定 样式设定(QSS样式) locale 可选择 地区和语言 inputMethodHints 可选择 控件的输入模式的提示 -
属性QFrame
属性 值 描述 frameShape 选择下拉框 布局窗口的图标大小,参数为:宽度,高度 frameShadow 选择下拉框 框架的阴影 lineWidth 选择框 是否启动可变换的窗口状态,默认不开启 midLineWidth 可输入 是否开启文档模式,默认不开启 -
属性QLabel
属性 值 描述 text 可输入 Label文本值 textFormat 可选择 文本格式 pixmap 可选资源 象素映射 scaledContents 是否勾选 是否启动适应窗口缩放内容 alignment 无法修改 对齐方式 wordWrap 是否勾选 是否启动自动换行 margin 可输入 内容到边框的距离 indent 可输入 缩排 openExternalLinks 是否勾选 开放的外部链接 textInteractionFlags 无法修改 文本交互方式 buddy 可输入 关联控件
-
-
QLineEdit类
单行输入框类,可以设置输入框的格式。
-
属性QObject
属性 值 描述 objectName label 对象名 -
属性QWidget
属性 值 描述 enabled 选择框 是否应用于当前控件 geometry [(x,y),宽×高] 布局的坐标和尺寸,无法修改,只能通过QMianWindow修改 sizePolicy [水平策略,垂直策略,水平伸展,垂直伸展] 默认布局方式,其中参数为:水平策略,垂直策略,水平伸展,垂直伸展 mininumSize 宽度×高度 布局的最小宽度和高度 maxinumSize 宽度×高度 布局的最大宽度和高度 sizeIncrement 宽度×高度 控件调整大小时的每次变化的增量大小(单位:像素) baseSize 宽度×高度 控件的基础大小(单位:像素) palette 继承 调色板 font 字体类型 [字体,字体大小] 设置整个布局的字体格式。参数为:字体族,字体大小,字体风格,字体效果 cursor 文本光标 文本光标 mouseTracking 选择框 选项是否启用鼠标跟踪,默认启用 focusPolicy 焦点策略下拉选择框 控件的焦点策略 contextMenuPolicy 上下文菜单策略下拉选择框 上下文菜单策略 acceptDrops 选择框 是否弃用拖动,默认启用 toolTip 可输入 工具提示 toolTipDuration 可输入 控件的提示时间 statusTip 可输入 控件的状态提示 whatsThis 可输入 控件的帮助内容 accessibleName 可输入 名称 accessibleDesciption 可输入 描述 layoutDirection 下拉选择框 布局的方向 autoFillBackground 选择框 是否启用自动填充背景色,默认不启用 styleSheet 布局的样式设定 样式设定(QSS样式) locale 可选择 地区和语言 inputMethodHints 可选择 控件的输入模式的提示 -
属性QLineEdit
属性 值 描述 inputMask 可输入 输入框输入值 text 可输入 文本格式 pixmap 可选资源 文本最大长度 frame 是否勾选 是否开启框架 echoMode 无法修改 编辑方式 cursorPosition 可输入 是否启动自动换行 alignment 无法修改 内容到边框的距离
-
-
-