Qt Designer教程

这篇具有很好参考价值的文章主要介绍了Qt Designer教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

QT 官方文档参考地址:https://doc.qt.io/qt-5/qapplication.html

创建一个 ui 文件

打开Qt Designer 软件后,会自动弹出弹窗来选择要创建的内容,一般都选择创建 Widget
Qt Designer教程,PyQt5,qt

选择控件

左侧是一些常用的控件,使用时直接选中往中间拖动即可
Qt Designer教程,PyQt5,qt

Qt Designer基本控件介绍

1、Layouts

1.1、Layouts 布局

Qt Designer教程,PyQt5,qt

  • Vertical Layout : 垂直布局
  • Horizontal Layout : 水平布局
  • Grid Layout : 网格布局
  • Form Layout : 表格布局
    Qt Designer教程,PyQt5,qt
    如果我们希望随着主窗口的缩放,界面里面的控件、控件之间的距离也相应的进行缩放,可以通过界面布局 Layout来实现,如下图,必须最上层的控件 Widget 有布局后才会动态跟随缩放
    Qt Designer教程,PyQt5,qt

1.2、参数配置

  1. layoutName :layout布局实例化对象名
  2. layoutLeftMargin: layout内的布局距离边框左端的距离
  3. layoutTopMargin: layout内的布局距离边框顶端的距离
  4. layoutRightMargin: layout内的布局距离边框右端的距离
  5. layoutBottomMargin: layout内的布局距离边框底端的距离
  6. layoutHorizontalSpacing: layout内的水平方向内的对象(包括控件和低一级布局)的水平间隙
  7. layoutVerticalSpacing:layout内的垂直方向内的对象(包括控件和低一级布局)的垂直间隙
  8. layoutRowStretch: layout内的水平方向内的对象(包括控件和低一级布局)在拉伸时的水平尺寸比例。(例如1,2,表示水平的两个对象的宽度比例为1:2,不过这也会受到sizePolicy影响)
  9. layoutColumnStretch: layout内的垂直方向内的对象(包括控件和低一级布局)在拉伸时的垂直尺寸比例。

2、Spacers

2.1、 Spacers 弹簧介绍

Qt Designer教程,PyQt5,qt

  • Horizontal Spacer : 一个用于水平分隔的空格,可以将多个组件水平分隔开,添加N个即隔开N个空格距离
  • Vertical Spacer :一个用于垂直分隔的空格,可以将多个组件垂直分隔开,添加N个即隔开N个空格距离

间隔器只能放在布局里面,用来改变布局中控件之间位置

2.2、 参数设置

Qt Designer教程,PyQt5,qt
1、sizetype

  • Fixed:不能放⼤或缩⼩
  • Minimum:不能⼩于sizeHint尺⼨,可放⼤(若设置了最⼤尺⼨)
  • Maximum:不能放⼤,可缩⼩到允许的最⼩尺⼨(若setMinimumSize(10,10)只能缩⼩到(10,10))
  • Preferred:控件的sizeHint是他的Hint,可以放⼤或缩⼩
  • Expandint:控件可以自行增大或者缩小

注:sizeHint (布局管理中的空间默认尺寸,如果控件不在布局管理中就为无效的值)

3、Buttons 按键

QPushButton 是用于创建按钮的组件,它允许用户与应用程序进行交互。

3.1、 Buttons 按键分类

  • QPushButton:QPushButton 是最基本的按钮组件,用于创建普通按钮。可以设置按钮的文本、图标、状态等属性,并连接按钮的点击事件。
    Qt Designer教程,PyQt5,qt

  • QRadioButton:QRadioButton 是用于创建单选按钮的组件。多个 QRadioButton 可以组成一个单选按钮组,用户只能选择其中一个。
    Qt Designer教程,PyQt5,qt

  • QCheckBox:QCheckBox 是用于创建复选框的组件。它允许用户从多个选项中选择一个或多个选项。
    Qt Designer教程,PyQt5,qt

  • QToolButton:QToolButton 是用于创建工具按钮的组件。它通常用于工具栏和工具栏样式的按钮集。
    Qt Designer教程,PyQt5,qt

  • QCommandLinkButton:QCommandLinkButton 是一种带有标题和说明的按钮,通常用于提供上下文相关的操作。
    Qt Designer教程,PyQt5,qt

  • DialogButtonBox:QRadioButton 和 QCheckBox 的派生类,Qt 还提供了一些派生类,如 QRadioButton 的派生类 QRadioButtonGroup 和 QCheckBox 的派生类 QButtonGroup。这些类可以更好地管理和组织单选按钮和复选框的行为。
    Qt Designer教程,PyQt5,qt

4、Item Views(Model-Based) 项目视图(基于模型)

Item Views 组件是用于显示和编辑大量数据的强大工具集。这些组件允许你以表格、列表、树状等方式呈现数据,并提供了丰富的功能和灵活性。

4.1、 Buttons 按键分类

  • QTableView:QTableView 是用于显示表格数据的组件。它提供了类似于电子表格的界面,支持排序、过滤、编辑等功能。
    Qt Designer教程,PyQt5,qt

  • QListView:QListView 是用于显示列表数据的组件。它以垂直或水平的方式显示项目,并可通过设置不同的视图模式进行定制。
    Qt Designer教程,PyQt5,qt

  • QTreeView:QTreeView 是用于显示树状数据的组件。它以层次结构的方式显示数据,并支持展开和折叠节点、排序、过滤等功能。
    Qt Designer教程,PyQt5,qt

  • Column View:提供了Model-View框架中的列视图实现。
    Qt Designer教程,PyQt5,qt

  • Undo View:用于在应用程序中实现撤消/重做功能.

5、Item Widgets(Item-Based) 项目小部件(基于项目)

5.1、 Item Widgets

  • QTableWidget:QTableWidget 是 QTableView 的子类,它提供了一个方便的方式来显示和编辑简单的表格数据。相比于 QTableView,QTableWidget 更易于使用,但功能相对较少。
    Qt Designer教程,PyQt5,qt

  • QTreeWidget:QTreeWidget 是 QTreeView 的子类,它提供了一个方便的方式来显示和编辑简单的树状数据。类似于 QTableWidget,QTreeWidget 更易于使用,但功能相对较少。用于显示列表形式的项目。它提供了一个可视化的列表视图,每个项目可以包含文本、图标和其他自定义的数据。
    Qt Designer教程,PyQt5,qt

  • QListWidget: 是 Qt 提供的控件类,专门用来创建列表。如果需要以列表的方法展示数据,可以优先考虑用 QListWidget 类实现。
    Qt Designer教程,PyQt5,qt

6、Containers 容器

6.1、Containers 容器

Frame 框架容器
Group Box 组框
Stacked Widget 层叠部件
Tab Widget 标签部件
Tool Box 工具箱:工具部件提供一个多页面多间隔的工具箱。一个工具箱容纳多个工具条,一个工具条容纳多个工具按钮。
Dock Widget 停靠窗口
Scroll Area:滚动区域

初始化窗口系统

QApplication(int &argc, char **argv)
初始化窗口系统并使用 argv 中的 argc 命令行参数构造一个应用程序对象。
argc 和 argv 引用的数据必须在 QApplication 对象的整个生命周期内保持有效。此外,argc 必须大于零,并且 argv 必须至少包含一个有效字符串。

from PyQt5.QtWidgets import QApplication

if __name__ == '__main__':
    # 创建一个应用程序对象
    app = QApplication(sys.argv)

    # 进入程序的主循环,并通过exit函数确保主循环安全结束
    sys.exit(app.exec_())

Qt QListWidget列表框用法详解

学习视频推荐

Python Qt 图形界面编程
PyQt5 快速入门文章来源地址https://www.toymoban.com/news/detail-820292.html

到了这里,关于Qt Designer教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • PyQt5学习笔记--基于Qt Designer加载、播放和保存视频

    目录 1--基于Qt Designer设计ui文件 2--代码 3--结果 4--补充 5--加载、播放、转换和保存视频的实例 ① 上述代码只实现了加载视频和播放视频的功能,缺少暂停、进度移动等常见功能。 ② 上述代码将 QVideoWidget 通过一个layout布局的形式内嵌到自定义的 QOpenGLWidget 中,但播放测试视

    2024年02月15日
    浏览(33)
  • PyQt5 Qt Designer使用(界面显示与业务逻辑分离模式)

    Qt Designer运行界面: MainWinSignalSlog02.ui Ui_MainWinSignalSlog02.py CallMainWinSignalSlog02.py

    2024年02月15日
    浏览(30)
  • PyQt5利用Qt Designer制作一个可以拖动获取文件信息的页面

    前言 本篇在讲什么 用pyqt5制作一个简单的程序,拖动文件或脚本可以读取文件信息 本篇适合什么 适合 初学PyQt5 的小白 本篇需要什么 对 Python 语法有简单认知 对 Qt 有简单认知 依赖 Pycharm 编辑器 本篇的特色 具有全流程的 图文教学 重实践,轻理论,快速上手 提供全流程的

    2024年01月15日
    浏览(54)
  • PyQt5利用Qt designer(QT设计师)使用tab widget和stacked widget实现多页面切换

    本文只提供一种设计思路来完成简单的页面切换功能,并没有涉及页面的美化以及复杂的业务功能实现。 点击tab页对tab widget的tab页进行切换效果图: 点击radio button驱动stacked widget多页面切换效果图: 下面进行分步说明。 打开qt designer,新建一个widget窗口。 将一个tab widget拖

    2024年02月03日
    浏览(46)
  • 【python】软件开发——PyQt5、Qt Designer、信号与槽机制、计算器实现

    PyQt5 是一个基于 Python 的 GUI 框架,用于创建跨平台的桌面应用程序。它是 Qt 库的 Python 绑定,结合了 Python 的简洁和易用性以及 Qt 框架的强大功能。 Qt 是一个流行的 C++ 跨平台应用程序开发框架,提供了丰富的图形界面组件、网络通信、数据库访问、多线程等功能。PyQt5 允许

    2024年02月04日
    浏览(31)
  • python中的yolov5结合PyQt5,使用QT designer设计界面没正确启动的解决方法

    一、窗体设计test: 默认你已经设计好了窗体后: 这时你需要的是保存生成的untitle.ui到某个文件夹下,然后在命令行中奖.ui转换为.py(,通过​​pyqt5​​​提供的转换工具,将​​ui​​​文件转换成​​python​​的代码) 或者使用在PyCharm中安装的工具: 然后你会看到mai

    2024年02月07日
    浏览(39)
  • [ PyQt入门教程 ] Qt Designer工具的使用

    Qt Designer是PyQt程序UI界面的实现工具,使用Qt Designer可以拖拽、点击完成GUI界面设计,并且设计完成的.ui程序可以转换成.py文件供python程序调用。本文主要通过用户登录需求描述Qt Designer工具开发界面的使用方法。   1、Qt Designer程序主界面窗口介绍。   2、Qt Designer程序实现界

    2024年01月17日
    浏览(51)
  • PyQt5+Qt设计师初探

            在上一篇文章中我们搭建好了PyQt5的开发环境,打铁到趁热我们基于搭建好的环境来简单实战一把 PyQt5包括的主要模块如下。 QtCore模块——涵盖了包的核心的非GUI功能,此模块被用于处理程序中涉及的时间、文件、目录、数据类型、文本流、链接、QMimeData、线程或

    2024年02月07日
    浏览(33)
  • mac python3.9安装pyqt5、qt5、pyqt5-tools

    pyqt6安装参考 PyQT6:看这一篇就够了 python PyQt6 常用操作以及常见问题解决 pycharm配置tools 参考链接 以下pip命令自行更具自己环境选择pip或pip3 在安装pyqt前必须先安装sip包 完成sip的安装后,安装pyqt和pyqt-tools, 可以直接使用命令: 若是使用pip3安装报错 AttributeError: module ‘sipb

    2024年02月14日
    浏览(34)
  • MAC 在pycharm中安装PyQt工具(Qt Designer、PyUIC)附下载链接

    目录 1.环境准备:安装第三方库和Qt Designer 2.在pycharm中对Qt Designer和PyUIC工具进行配置 2.1 配置Qt Designer  2.2 配置PyUIC工具 3 测试配置是否成功  3.1 测试Qt Designer是否安装成功 3.2 测试PyUIC工具是否安装成功         安装方法参照:Qt Designer和PyUIC的安装教程         一些细节补

    2024年02月12日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包