网站推广排名服务,wordpress主题后台设置,福州建设企业,建设网站 安全事项一、Qt Designer简介 Qt Designer是PyQt程序UI界面的实现工具#xff0c;可以帮助我们快速开发 PyQt 程序的速度。它生成的 UI 界面是一个后缀为 .ui 的文件#xff0c;可以通过 pyiuc 转换为 .py 文件。 Qt Designer工具使用简单#xff0c;可以通过拖拽和点击完成复杂界面…一、Qt Designer简介 Qt Designer是PyQt程序UI界面的实现工具可以帮助我们快速开发 PyQt 程序的速度。它生成的 UI 界面是一个后缀为 .ui 的文件可以通过 pyiuc 转换为 .py 文件。 Qt Designer工具使用简单可以通过拖拽和点击完成复杂界面设计并且设计完成的.ui程序可以转换成.py文件供python程序调用。本文主要通过用户登录需求描述Qt Designer工具开发界面的使用方法。
二、界面介绍 如下图所示是Qt designer的一个标准界面。 导航栏包括文件操作新建、导入、保存等、窗体预览窗口3中的UI效果、视图显示or关闭各种模块窗口2~6、设置各种页面属性设置等。其中最为常用且重要的是文件和窗体选择窗体→ \rightarrow→预览或者快捷键CtrlR可以看到UI的实际运行效果。视图保持默认的全部开启即可。Widget Box部件盒Widget Box位于Qt Designer界面的左侧它提供了各种可用的窗口部件widgets。可以从Widget Box中拖放这些部件到主界面编辑区域以构建GUI界面。Widget Box中的部件包括按钮、标签、文本框、下拉列表等。 Form Editor表单编辑器Form Editor是Qt Designer界面的主要编辑区域位于中央部分。在表单编辑器中可以拖放部件到界面上调整它们的位置和大小并设置它们的属性和布局。可以使用表单编辑器创建和修改GUI界面的布局如添加布局管理器、设置部件的位置和大小等。换句话说就是你设计UI的地方。Object Inspector对象检查器Object Inspector位于Qt Designer界面的右侧它显示了当前选中部件的属性和布局信息。可以使用对象检查器来查看和修改部件的属性如文本、字体、大小等。它还允许设置部件的布局属性如位置、大小、对齐方式等。Property Editor属性编辑器Property Editor位于Qt Designer界面的右方中部默认显示在对象检查器下方。它提供了一个表格视图显示了当前选中部件的属性列表。可以使用属性编辑器来直接编辑和修改部件的属性值。通过双击属性值可以进行编辑或选择合适的值。窗口6包含3个模块
Resource Browser资源浏览器资源浏览器是一个用于管理和引用资源文件的功能模块。资源文件可以包含图像、字体、样式表等应用程序所需的各种资源。资源浏览器提供了一种方便的方式来添加、编辑和使用这些资源。Signal/Slot Editor信号/槽编辑器Signal/Slot Editor位于Qt Designer界面的底部通常与属性编辑器一起显示。它提供了一个图形界面用于管理和连接部件之间的信号和槽。通过信号/槽编辑器可以将部件的信号与其他部件的槽函数进行连接以实现交互和事件处理。Action Editor动作编辑器Action Editor是Qt Designer中的一个独立模块用于管理和配置菜单栏、工具栏和上下文菜单中的动作actions。通过动作编辑器可以添加、修改和删除各种动作并为它们设置相应的属性和快捷键。
三、基本控件介绍
1、Layouts布局 Widget Box中的Layouts布局组件提供了一种方便的方式来管理部件的位置和大小以及定义它们之间的关系。这些布局部件可以帮助您创建自适应和灵活的GUI界面。以下是Widget Box中常见的布局组件及其功能介绍 QVBoxLayout垂直布局VBox Layout按垂直方向排列其子部件。它们会根据容器的大小自动调整子部件的大小和位置。可以向垂直布局添加部件并控制它们的对齐方式、间距等属性。 QHBoxLayout水平布局HBox Layout按水平方向排列其子部件。类似于垂直布局它们会根据容器的大小自动调整子部件的大小和位置。可以向水平布局添加部件并控制它们的对齐方式、间距等属性。 QGridLayout网格布局Grid Layout将部件排列为网格状结构可以在行和列中进行布局。可以指定部件的位置并控制它们在网格中的大小和间距。 QFormLayout表单布局Form Layout适用于创建表单样式的界面其中包含标签和对应的输入部件。它将标签和部件配对并按照列的方式进行布局。可以控制标签和部件的对齐方式、间距等属性。
2、 Spacers间隔器 在Widget Box中Spacers间隔器是一组组件用于在布局中创建空白空间以调整部件之间的距离和位置。它们有助于实现灵活的界面布局。以下是Widget Box中Spacer组件及其功能介绍 QSpacerQSpacer是一个简化的间隔器部件它可以直接添加到布局中。它可以在垂直布局、水平布局或网格布局中创建空白空间。可以调整QSpacer的大小和属性以满足您的布局需求。包括Horizontal Spacer Vertical Spacer。
3、Item Views项视图 Widget Box中的Item Views项视图组件提供了用于显示和编辑结构化数据的部件例如表格、树状结构和列表。这些组件提供了丰富的功能和灵活的选项以满足各种数据展示和交互需求。以下是Widget Box中常见的Item Views组件及其功能介绍 QListWidget列表视图QListWidget是一个用于显示和编辑简单列表数据的部件。它以列表形式呈现数据并支持单选和多选模式。可以添加、删除和编辑列表项并设置其图标、文本等属性。 QTreeView树视图QTreeView是一个用于显示和编辑树状结构数据的部件。它以层次结构形式展示数据并可展开和折叠节点。可以通过设置模型和委托来自定义树视图的外观和行为。 QTableView表格视图QTableView是一个用于显示和编辑二维表格数据的部件。它以表格形式呈现数据并提供了各种功能如排序、编辑、选择、拖放等。可以通过设置模型和委托来自定义表格的外观和行为。 QColumnView列视图QColumnView是一个用于显示和编辑多列数据的部件。它以列的形式展示数据并允许用户在列之间进行导航和选择。可以设置列视图的模型和委托来自定义其外观和行为。
4、Item Widgets项部件 在Widget Box中Item Widgets项部件是一组用于在Item Views组件中显示和编辑数据的部件。与Item Views类似。
5、Containers容器 容器部件container widget在窗体中提供更高级的对象分组控制。它们可以作为多种用途使用诸如管理输入部件input widgets、提供分页和选项卡布局、又或者仅仅作为其它对象的装饰性容器等等。以下是常见的Containers组件及其功能介绍 Group Box 组框组框的主要应用场景就是将复选框和单选按钮等作为一个集合有机的进行分组。每个组框都有自己的布局尤其当其包含部件时布局是必需有的。同日常的布局操作一样对组框的布局操作也没有什么特别的只需要在其内部右键操作布局即可。 Scroll Area滚动区域提供了在有限空间内显示大量内容的功能。当内容超过Scroll Area的可见区域时它会自动添加滚动条以便用户可以滚动查看内容例如文本、图像、部件等。 Tool Box工具箱 可以理解为工具箱有很多抽屉每次只能打开一个抽屉里可以放很各种各样的东西例如QQ的好友分组每个分组下有不同数目的联系人。点击不同抽屉时会触发currentChanged信号。 Tab Widget多页面切换可以实现在同一区域中自由切换不同页面的内容该控件是一个容器类控件并提供友好的页面切换方式。 Stacked Widget层叠窗口/堆栈窗口多界面切换。可以填充一些小控件但是同一时间只有一个小控件可以显示。QStackedWidget控件不能在页面之间进行切换它与当前选中的QListWidget控件中的选项进行连接currentRowChanged信号。 Frame框架控制一些边框的样式凸起凹下阴影等。 Widge组件主窗体容器。 MDI Area可以同时显示多个文档的区域。 Dock Widget浮动窗口它是放置在QMainWindow中的中央窗口小部件周围的停靠窗口小部件区域中的次要窗口。QDockWidget由一个标题栏和内容区域组成。标题栏显示浮动窗口小部件窗口标题浮动按钮和关闭按钮。
6、 Input Widgets Widget Box中的Input Widgets输入部件提供了多种用于用户输入数据的部件。以下是这些组件的详细功能介绍 Combo Box 组合框。是一个集按钮和下拉选项于一体的控件也称做下拉列表框。 Font Combo Box 字体组合框。组合框中填充了按字母顺序排列的字体系列名称列表让用户选择字体。 Line Edit 单行文本框。 Text Edit 多行文本框。可显示多行文本内容当文本内容超出控件显示范围时可以显示水平和垂直滚动条。 Plain Text Edit 纯文本框。用于编辑和显示纯文本控件。在默认情况下一个换行符表示一个段落文档可以一个或者多个段落组成且段落中的每个字符都可以有其自己的属性例如有自己的字体和颜色。 Spin Box 整型数值计数器。允许用户选择一个整数值通过单击向上向下或者按键盘上的上下键来增加减少当前显示的值当然用户也可以输入值。 Double Spin Box 浮点数值计数器。默认精度是两位小数可以通过setDecimals来改变。 Time Edit 时间编辑。 Date Edit 日期编辑。 Date/Time Edit 时间/日期编辑。 Dial 圆表盘控件。例如汽车仪表盘上的速度计就是一个圆表盘。 Horizontal Scroll Bar 水平滚动条。 Vertical Scroll Bar 垂直滚动条。 Key Sequence Edit 用于输入快捷键序列的控件。
7、Display Widgets Widget Box中的Display Widgets显示部件用于在应用程序中显示和展示数据或信息。以下是这些组件的详细功能介绍 Label : 标签。QLabel用于在应用程序中显示文本或图像。它可以显示静态文本、富文本或图像并且支持自动换行、对齐和格式化等功能。 Text Browser : 文本浏览框。QTextBrowser用于在应用程序中显示多行文本或富文本。它提供了一个只读的多行文本显示区域支持显示和浏览大段文本、富文本或超链接等。 Graphics View : 用于显示QGraphicsScene场景的部件可用来显示图片。QGraphicsView框架主要包含三个主要的类QGraphicsScene场景、QGraphicsView视图、QGraphicsItem图元。 Calendar Widget : 日历小部件。是一个设置日历的控件它提供了一个基于月份的视图允许用户通过鼠标和键盘选择日期默认是选中今天可以对日期的范围进行限制。 LCD Number : LCD屏部件显示LCD样式的数字。 Progress Bar : 进度条其实就是滑块可以设置其最小值、最大值、当前值也可以设置其方向如横向或者竖向。 Horizontal Line : 水平线。 Vertical Line : 垂直线。 OpenGL Widget : 是一个OpenGLOpen Graphics Library开放图形库图形渲染的部件可以在PyQt和Qt的应用中显示图形包括2D和3D图形在Designer中该部件没有任何独有属性都是继承的QWidget的属性。
