计算机系统应用教程网站

网站首页 > 技术文章 正文

Qt Designer编辑界面中组件介绍 qt组件大全

btikc 2024-10-27 08:39:45 技术文章 5 ℃ 0 评论

初步介绍下Qt Designer界面中显示的组件,分别为Layouts、Spaces、Buttons、Item Views、Item Widgets、Containers、Input Widgets、Display Wdigets;


1、Layouts(布局管理组)

(1)盒子布局(QHBoxLayout 和 QVBoxLayout):

简介:盒子布局用于在水平或垂直方向上排列控件。它们是最常用的布局管理器之一。

QHBoxLayout:将控件按照从左到右的顺序进行横向添加。

QVBoxLayout:将控件按照从上到下的顺序进行纵向添加。

(2)栅格布局(QGridLayout):

简介:栅格布局将窗口分为若干行和列,可以在指定的行和列位置添加控件。

QGridLayout:用于创建网格布局,可以在指定的行和列位置添加控件。

(3)表单布局(QFormLayout):

简介:表单布局以两列的形式布局在窗口中,左边为标签,右边为输入控件。

QFormLayout:用于创建表单布局,方便设置标签和输入控件的对应关系。


2、Spaces(空间间隔组)

分隔组件(Spacer):

水平分隔(Horizontal Spacer):用于在水平方向上添加额外的空间或填充。可以通过 QSpacerItem 类来实现。

垂直分隔(Vertical Spacer):用于在垂直方向上添加额外的空间或填充。同样,可以使用 QSpacerItem 类来实现。


3、Buttons(按钮组)

(1)按钮控件(QPushButton):

简介:按钮控件用于触发特定操作,例如执行函数或打开对话框。在 Qt Designer 设计器中,按钮控件对应 QPushButton 类。

设置按钮文本:可以在创建按钮时直接设置按钮的文本,也可以使用 setText() 方法来更改按钮的显示内容。

设置按钮图标:使用 setIcon() 方法来显示按钮的图标。

设置按钮状态:按钮可以设置为按下后不弹起,使用 setCheckable(True)。

绑定按钮和槽函数:使用 clicked.connect() 来连接按钮点击事件和相应的槽函数。

(2)单选按钮控件(QRadioButton):

简介:单选按钮用于从多个选项中选择一个。用户只能选择其中一个选项。在 Qt Designer 设计器中,单选按钮控件对应 QRadioButton 类。

设置默认选中状态:使用 setCheckable(True) 来设置按钮是否可以被选中。

绑定按钮状态变化信号:使用 toggled.connect() 来连接按钮状态切换事件和相应的槽函数。

(3)复选框控件(QCheckBox):

简介:复选框用于选择多个选项。用户可以同时选择多个选项。在 Qt Designer 设计器中,复选框控件对应 QCheckBox 类。


4、Item Views (项目视图组)

(1)清单视图(QListView):

简介:清单视图用于展示一个简单的列表,适合于显示一系列项,如文本列表或图标集。

应用场景:适用于显示字符串列表、图像集合或其他一维数据。

使用方法:可以与数据模型(如 QStringListModel 或 QStandardItemModel)结合使用,动态地展示和更新数据。


(2)表格视图(QTableView):


简介:表格视图提供了表格形式的数据展示,适合于展示和编辑结构化数据,如电子表格。

功能特点:支持多行和多列,可以自定义列宽、行高以及单元格的样式。

数据管理:可以与数据模型结合使用,方便管理和展示复杂的数据集。

(3)树视图(QTreeView):

简介:树视图用于显示树形结构数据,非常适用于展示具有层级关系的信息,如文件系统。

应用场景:适用于展示层级结构数据,例如文件夹和文件的层次关系。

(4)列视图(QColumnView):

简介:列视图提供了一种独特的方式来浏览树形结构数据,通过连续的列来显示每个层级。

适用情况:特别适合于深层次的层级数据展示。


这些组件都是基于模型-视图-控制器(Model-View-Controller, MVC)设计模式构建的,其中模型(Model)负责存储数据,视图(View)负责显示数据,而控制器(Controller)负责处理用户输入和操作。

除了以上列出的基本视图组件,PyQt 还提供了一些用于定制视图外观和行为的附加组件和类,例如:

  1. QAbstractItemView: 用于派生自定义视图的基类,提供了许多方法和信号以管理视图中的项目。
  2. QStandardItemModel: 提供了一个通用的模型类,用于存储数据,适用于各种视图组件。
  3. QSortFilterProxyModel: 用于对现有模型进行排序和过滤的代理模型。
  4. QItemDelegate: 用于定制单元格的外观和编辑行为的代理类。

5、Item Widgets (项目控件组)

(1)List Widget(列表视图):

QListWidgetItem:用于在列表视图中显示的项目控件。

QListWidget:基于列表视图的控件,用于显示 QListWidgetItem 对象。

(2)Tree Widget(树形视图):

QTreeWidgetItem:用于在树形视图中显示的项目控件,可以包含子项目。

QTreeWidget:基于树形视图的控件,用于显示 QTreeWidgetItem 对象。

(3)Table Widget(表格视图):

QTableWidgetItem:用于在表格视图中显示的项目控件。

QTableWidget:基于表格视图的控件,用于显示 QTableWidgetItem 对象。


6、Containers(容器)

(1)GroupBox(组合框):

简介:GroupBox 是一个容器,可以在内部添加内容,并修改标题头。它通常用于将一组相关的界面元素进行分组,以便在界面中创建有组织的部分。

应用场景:适用于将一组复选框、单选按钮或其他控件组织在一起,以便用户可以更清晰地理解它们之间的关联性。

(2)ScrollArea(滚动区)

简介:ScrollArea 是一个滚动视图,控件内可以为文本、图片等。当控件内部件超出视图大小时,提供滚动条,这样就可以看到整个部件的大小。

应用场景:适用于需要滚动查看内容的情况,例如文本内容超出显示范围、图片过大等。

(3)ToolBox(工具箱):

简介:ToolBox 是一个选项卡式的条目,类似于 QQ 联系人列表。它允许您在一个页面上组织多个子控件,每个子控件对应一个选项卡。

应用场景:适用于创建多功能工具箱界面,例如设置选项、功能切换等。

(4)TabWidget(切换卡):

简介:TabWidget 提供了一系列选项卡的切换,每个选项卡下可以添加其他控件。它通常用于创建多页签式的布局。

应用场景:适用于需要在不同页面之间切换的情况,例如设置界面、多标签文档等。

(5)StackedWidget(层叠窗口):

简介:StackedWidget 是一个层叠窗口,提供了多页面切换的布局。每个窗口下可以添加其他控件,类似于文档的切换。

应用场景:适用于需要在不同页面之间切换,但一次只显示一个页面的情况。

(6)框架窗口(Frame):

简介:QFrame 用于添加框架、分割线,帮助划分界面区域。

应用场景:适用于组织界面元素、添加装饰或分隔区域。

(7)窗口(widget):

简介:QWidget 是 PyQt 中所有用户界面对象的基类,它可以作为容器来包含其他控件,也可以作为顶层窗口使用。

应用场景:用于组织布局、创建自定义部件、提供装饰性功能、实现特定功能以及作为容器等方面

(8)MDI 区域(MDI Area):

简介:多文档界面区域,用于创建具有多个子窗口的应用程序,每个子窗口可以是一个独立的文档或视图。

应用场景:适用于那些需要在单个应用程序窗口中同时显示和管理多个文档、图形、视图或子窗口的应用场景。

(9)Dock 窗口(Dock Widget)

简介:可停靠窗口,可以附加到主窗口的边缘或浮动。

应用场景:通常用于创建工具栏、调色板、项目浏览器等,允许用户根据需要将它们停靠到主窗口的不同位置。


7 Input(输入部件组)

(1)QLineEdit(单行文本输入框):

简介:QLineEdit 提供了一个单行文本输入框,用户可以输入和编辑单行文本。

应用场景:适用于获取用户输入的单行文本数据。

(2)QTextEdit(多行文本编辑器):

简介:QTextEdit 是一个多行文本编辑器,支持富文本和纯文本。

应用场景:适用于编辑和显示多行文本,例如日志、说明文档等。

(3)QSpinBox(整数输入框):

简介:QSpinBox 是一个带有增减按钮的数字输入框,允许用户选择一个整数值。

应用场景:适用于需要输入整数的场景。

(4)QDoubleSpinBox(浮点数输入框):

简介:QDoubleSpinBox 类似于 QSpinBox,但用于输入浮点数。

应用场景:适用于需要输入浮点数的场景。

(5)QComboBox(下拉列表):

简介:QComboBox 允许用户从预定义的选项列表中选择。

应用场景:适用于需要从有限选项中选择一个的场景。

(6)QSlider(滑动条):

简介:QSlider 提供了一个滑动条,用于选择一个范围内的值。

应用场景:适用于需要滑动选择数值的情况。

(7)QDateEdit(日期):

简介:用于选择日期的控件,允许用户通过日历选择日期。

(8)QTimeEdit(时间):

简介:用于选择时间的控件,允许用户输入或选择时间。

(9)QDateTimeEdit(日期和时间):

用于选择日期和时间的控件,允许用户同时选择日期和时间。


8 Display Wdigets(显示组控组)

(1)QLabel(标签):

简介:QLabel 用于显示文本或图像,是最基础的显示控件之一。

应用场景:适用于展示静态文本、富文本或图像。

(2)QTextBrowser(文本浏览器):

简介:QTextBrowser 提供了丰富文本的显示,支持超链接和 HTML 格式。

功能特点:支持显示富文本内容,包括 HTML、图像等。

应用场景:适用于显示复杂文本内容,例如日志、说明文档等。

(3)QGraphicsView(图形视图):

简介:QGraphicsView 用于展示复杂的 2D 图形界面,适用于游戏、图形编辑等程序。

功能特点:支持自定义绘制、图形交互和动画效果。

应用场景:适用于需要绘制和展示图形的情况。

(4)QCalendarWidget(日历控件):

简介:QCalendarWidget 提供一个交互式的日历控件,允许用户选择日期。

应用场景:适用于需要选择日期的场景。

(5)QLCDNumber(液晶数字显示器):

简介:QLCDNumber 用于显示液晶风格的数字,常用于计时器、状态指示等。

应用场景:适用于需要显示数字的情况。

(6)QProgressBar(进度条):

简介:QProgressBar 展示任务进度,给用户反馈任务完成度。

应用场景:适用于需要展示任务进度的情况。

(7)QOpenGLWidget(OpenGL 视图):

简介:QOpenGLWidget 集成 OpenGL 用于高性能图形渲染,适用于 3D 图形和动画。

应用场景:适用于需要使用 OpenGL 渲染图形的情况。


控件的具体用法后期再详细说明;

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表