PyQt5 Qt Designer 新手教程（三）—— 对话框的最终实现

最新推荐文章于 2024-08-02 03:08:35 发布
最新推荐文章于 2024-08-02 03:08:35 发布
阅读量9.3k 收藏 99
点赞数 11
分类专栏： 我的PyQt5之旅 文章标签： Python PyQt5 Qt Designer 新手教程 教程博文
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/enderman_xiaohei/article/details/109272794
版权
本文是PyQt5 Qt Designer新手教程的第三部分，详细讲解如何将.ui文件转换为.py模块，导入并实现对话框功能。通过CMD工具将.ui文件转为.py，然后导入窗体模块，实现信号槽连接。最后展示完整代码和运行结果，帮助初学者理解对话框的实现过程。
摘要由CSDN通过智能技术生成

PyQt5 Qt Designer 新手教程（三）—— 对话框的最终实现

教程博文
一、前言

上一节，我们用 Qt Designer 搭建了简易对话框窗体，那么这一节就是让对话框真正的成为一个窗口程序，并实现一定的功能。

二、把 .ui 文件转换为 py 文件

.ui 文件是 Qt Designer 的保存文件，是让它识别的；但是，对于 Python 来说，它还不认识，所以要把这个 .ui 文件转化为 .py 模块文件，再导入到自己的程序中，最终即可实现窗体功能。
在 CMD 中输入类似 pyuic5 -o C:\Users\hp\Desktop\example\ui_newimagedlg.py C:\Users\hp\Desktop\example\newimagedlg.ui
即可：
在这里插入图片描述
参考博文：PyQt5 处理 .ui 与 .qrc 文件的操作记录

下面是 ui_findandreplacedlg.py的实际内容，可以参考：

# -*- coding: utf-8 -*-
#
# Created by: PyQt5 UI code generator 5.11.2
#
# WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_FindAndReplaceDlg(object):
    def setupUi(self, FindAndReplaceDlg):
        FindAndReplaceDlg.setObjectName("FindAndReplaceDlg")
        FindAndReplaceDlg.resize(396, 192)
        self.hboxlayout = QtWidgets.QHBoxLayout(FindAndReplaceDlg)
        self.hboxlayout.setContentsMargins(9, 9, 9, 9)
        self.hboxlayout.setSpacing(6)
        self.hboxlayout.setObjectName("hboxlayout")
        self.vboxlayout = QtWidgets.QVBoxLayout()
        self.vboxlayout.setContentsMargins(0, 0, 0, 0)
        self.vboxlayout.setSpacing(6)
        self.vboxlayout.setObjectName("vboxlayout")
        self.gridlayout = QtWidgets.QGridLayout()
        self.gridlayout.setContentsMargins(0, 0, 0, 0)
        self.gridlayout.setSpacing(6)
        self.gridlayout.setObjectName("gridlayout")
        self.replaceLineEdit = QtWidgets.QLineEdit(FindAndReplaceDlg)
        self.replaceLineEdit.setObjectName("replaceLineEdit")
        self.gridlayout.addWidget(self.replaceLineEdit, 1, 1, 1, 1)
        self.findLineEdit = QtWidgets.QLineEdit(FindAndReplaceDlg)
        self.findLineEdit.setObjectName("findLineEdit")
        self.gridlayout.addWidget(self.findLineEdit, 0, 1, 1, 1)
        self.label_2 = QtWidgets.QLabel(FindAndReplaceDlg)
        self.label_2.setObjectName("label_2")
        self.gridlayout.addWidget(self.label_2, 1, 0, 1, 1)
        self.label = QtWidgets.QLabel(FindAndReplaceDlg)
        self.label.setObjectName("label")
        self.gridlayout.addWidget(self.label, 0, 0, 1, 1)
        self.vboxlayout.addLayout(self.gridlayout)
        self.hboxlayout1 = QtWidgets.QHBoxLayout()
        self.hboxlayout1.setContentsMargins(0, 0, 0, 0)
        self.hboxlayout1.setSpacing(6)
        self.hboxlayout1.setObjectName("hboxlayout1")
        self.caseCheckBox = QtWidgets.QCheckBox(FindAndReplaceDlg)
        self.caseCheckBox.setObjectName("caseCheckBox")
        self.hboxlayout1.addWidget(self.caseCheckBox)
        self.wholeCheckBox = QtWidgets.QCheckBox(FindAndReplaceDlg)
        self.wholeCheckBox.setChecked(False)
        self.wholeCheckBox.setObjectName("wholeCheckBox")
        self.hboxlayout1.addWidget(self.wholeCheckBox)
        self.vboxlayout.addLayout(self.hboxlayout1)
        self.hboxlayout2 = QtWidgets.QHBoxLayout()
        self.hboxlayout2.setContentsMargins(0, 0, 0, 0)
        self.hboxlayout2.setSpacing(6)
        self.hboxlayout2.setObjectName("hboxlayout2")
        self.label_3 = QtWidgets.QLabel(FindAndReplaceDlg)
        self.label_3.setObjectName("label_3")
        self.hboxlayout2.addWidget(self.label_3)
        self.syntaxComboBox = QtWidgets.QComboBox(FindAndReplaceDlg)
        self.syntaxComboBox.setObjectName("syntaxComboBox")
        self.syntaxComboBox.addItem("")
        self.syntaxComboBox.addItem("")
        self.hboxlayout2.addWidget(self.syntaxComboBox)
        self.vboxlayout.addLayout(self.hboxlayout2)
        spacerItem = QtWidgets.QSpacerItem(20, 40, QtWidgets.QSizePolicy.Minimum, QtWidgets.QSizePolicy.Expanding)
        self.vboxlayout.addItem(spacerItem)
        self.hboxlayout.addLayout(self.vboxlayout)
        self.line = QtWidgets.QFrame(FindAndReplaceDlg)
        self.line.setFrameShape(QtWidgets.QFrame.VLine)
        self.line.setFrameShadow(QtWidgets.QFrame.Sunken)
        self.line.setObjectName("line")
        self.hboxlayout.addWidget(self.line)
        self.vboxlayout1 = QtWidgets.QVBoxLayout()
        self.vboxlayout1.setContentsMargins(0, 0, 0, 0)
        self.vboxlayout1.setSpacing(6)
        self.vboxlayout1.setObjectName("vboxlayout1")
        self.findButton = QtWidgets.QPushButton(FindAndReplaceDlg)
        self.findButton.setObjectName("findButton")
        self.vboxlayout1.addWidget(self.findButton)
        self.replaceButton = QtWidgets.QPushButton(FindAndReplaceDlg)
        self.replaceButton.setObjectName("replaceButton")
        self.vboxlayout1.addWidget(self.replaceButton)
        self.replaceAllButton = QtWidgets.QPushButton(FindAndReplaceDlg)
        self.replaceAllButton.setObjectName("replaceAllButton")
        self.vboxlayout1.addWidget(self.replaceAllButton)
        spacerItem1 = QtWidgets.QSpacerItem(20, 16, QtWidgets.QSizePolicy.Minimum, QtWidgets.QSizePolicy.Expanding)
        self.vboxlayout1.addItem(spacerItem1)
        self.closeButton = QtWidgets.QPushButton(FindAndReplaceDlg)
        self.closeButton.setObjectName("closeButton")
        self.vboxlayout1.addWidget(self.closeButton)
        self.hboxlayout.addLayout(self.vboxlayout1)
        self.label_2.setBuddy(self.replaceLineEdit)
        self.label.setBuddy(self.findLineEdit)
        self.label_3.setBuddy(self.syntaxComboBox)

        self.retranslateUi(FindAndReplaceDlg)
        self.closeButton.clicked.connect(FindAndReplaceDlg.reject)
        QtCore.QMetaObject.connectSlotsByName(FindAndReplaceDlg)
        FindAndReplaceDlg.setTabOrder(self.findLineEdit, self.replaceLineEdit)
        FindAndReplaceDlg.setTabOrder(self.replaceLineEdit, self.caseCheckBox)
        FindAndReplaceDlg.setTabOrder(self.caseCheckBox, self.wholeCheckBox)
        FindAndReplaceDlg.setTabOrder(self.wholeCheckBox, self.syntaxComboBox)
        FindAndReplaceDlg.setTabOrder(self.syntaxComboBox, self.findButton)
        FindAndReplaceDlg.setTabOrder(self.findButton, self.replaceButton)
        FindAndReplaceDlg.setTabOrder(self.replaceButton, self.replaceAllButton)
        FindAndReplaceDlg.setTabOrder(self.replaceAllButton, self.closeButton)

    def retranslateUi(self, FindAndReplaceDlg):
        _translate = QtCore.QCoreApplication.translate
        FindAndReplaceDlg.setWindowTitle(_translate("FindAndReplaceDlg", "Find and Replace"))
        self.label_2.setText(_translate("FindAndReplaceDlg", "Replace w&ith:"))
        self.label.setText(_translate("FindAndReplaceDlg", "Find &what:"))
        self.caseCheckBox.setText(_translate("FindAndReplaceDlg", "&Case sensitive"))
        self.wholeCheckBox.setText(_translate("FindAndReplaceDlg", "Wh&ole words"))
        self.label_3.setText(_translate("FindAndReplaceDlg", "&Syntax:"))
        self.syntaxComboBox.setItemText(0, _translate("FindAndReplaceDlg", "Literal text"))
        self.syntaxComboBox.setItemText(1, _translate("FindAndReplaceDlg", "Regular expression"))
        self.findButton.setText(_translate("FindAndReplaceDlg", "&Find"))
        self.replaceButton.setText(_translate("FindAndReplaceDlg", "&Replace"))
        self.replaceAllButton.setText(_translate("FindAndReplaceDlg", "Replace &All"))
        self.closeButton.setText(_translate("FindAndReplaceDlg"
最低0.47元/天 解锁文章
小黑LLB
关注
专栏目录
pyqt5——菜单和工具栏
weixin_30535913的博客
01-11 653
菜单和工具栏 这个章节，我们会创建状态栏、菜单和工具栏。菜单是一组位于菜单栏的命令。工具栏是应用的一些常用工具按钮。状态栏显示一些状态信息，通常在应用的底部。 主窗口 QMainWindow提供了主窗口的功能，使用它能创建一些简单的状态栏、工具栏和菜单栏。 主窗口是下面这些窗口的合称，所以教程在最下方。 状态栏 状态栏是用来显示应用的状态信息的组件。 #!/usr/bin/python3 # -*...
【1】PyQt5系列教程（1）PyQt5常见模块
司徒荆的博客
04-01 1885
PyQt5常见模块
入门 PyQt6 看过来（基础）01 ~ pyqt6初体验
最新发布
weixin_41065336的博客
08-02 735
本文路老师准备去玩玩pyqt6的功能，我会用大概二十天的时间玩转pyqt6，并制作出来好玩又实用的项目。1 介绍PyQt6是由Riverbank Computing公司开发的基于Python的一系列多平台的工具包，可以在UNIX、Windows和mac等主流操作系统上运行。本文着重来尝试使用pyqt6，以及未来利用pyq...
【QTdesigner】课时48.文件对话框（QFileDialog）【pyqt5+QTdesigner模式】
knocky的博客
05-16 6093
课程目录视频链接课程重点代码位置完整代码遇到的问题改写效果展示改写注意点改写代码（QTdesigner模式） 老师原课件下载地址： 有积分的朋友，支持下我，打赏也OK。 不下载也可以，我每节课会吧代码贴出来 视频链接 P47课时48.文件对话框（QFileDialog） 课程重点 代码位置 完整代码 遇到的问题 改写效果展示 改写注意点 改写代码（QTdesigner模式） ...
pyqt5教程笔记李宁（2）qt designer
qq_42444944的博客
06-04 334
先启动在pycharm中启动qt designer 创建主窗口 Qt designer如果想预览的话可以按ctrl+c预览效果
调用QtDesigner生成的对话框
exlink2012的专栏
09-22 232
调用QtDesigner生成的对话框
PyQt5 Qt Designer 新手教程（四）—— 对话框窗体的小结
Enderman_xiaohei的博客
10-25 5352
PyQt5 Qt Designer 新手教程（四）—— 对话框窗体的小结 教程博文 一、前言 实际操作都已经完成了，这一个节就是整个教程的小结。不过，作者的实力有限，就拿大佬的总结稍作修改作为我们这 PyQt5 Qt Designer 新手教程的总结。 二、对话框窗体的小结 Qt 设计师提供了种创建用户界面的快速、 简易方式。使用可视化设计工具使得直接看到设计能否“工作"更为简单。Qt 设计师的另一个好处是， 如果修改了设计，加入没有在代码中添加、移除、重命名任何窗口部件，那么就无须修改任何代码。并且.
PyQt5 Qt Designer 新手教程（一）—— 软件界面介绍
热门推荐
Enderman_xiaohei的博客
10-24 8万+
PyQt5 Qt Designer 新手教程（一）—— 软件界面介绍 教程博文 一、前言 终于学到了 PyQt5 Qt 设计师（Qt Designer）这个应用程序，博主感觉心情还是很激动的。因为，当初学 PyQt5 ，想要设计一个窗体时，十分痛苦，毕竟 PyQt5 入门要比 Python 入门难上不少。而且，PyQt5 自带的 Qt 设计师又是全英文的（网上好像有中文的），不是很熟悉外文的小伙伴肯定很难上手这个软件。 而且，网上的教程有点太跳跃了，完全学不进去，特别针对于像之前初学 Python 的博主.
pythonqt5教程从零开始-pyQt5QtDesigner简易入门教程.pdf
06-11
**PyQt5与QtDesigner简介** PyQt5是Python编程语言的一个模块，它提供了一种在Python中使用Qt库的方式。Qt是一个跨平台的应用程序开发框架，广泛用于创建图形用户界面（GUI）。PyQt5使得Python程序员能够利用Qt库的...
PyQt5 Qt Designer 新手教程（二）—— 使用控件搭建简易对话框窗体
Enderman_xiaohei的博客
10-24 1万+
PyQt5 Qt Designer 新手教程（二）—— 使用控件搭建简易对话框窗体 教程博文 一、前言 这一部分的教程，将教大家如何用部分控件搭建一个简易的窗体，并使用布局方式布局窗口部件，让窗口尽可能的好看一些。 （PS. 本章的演示例子来自于《Python Qt GUI 快速编程 —— PyQt 编程指南》） 二、常用快捷键介绍 用过设计软件的人，肯定知道快捷键的重要性，它能加快设计人员或者开发人员的速度，很有用。 CTRL+S: 快速保存（前提：另存为） CTRL+A: 全选（选择全部控件） CTR.
PyQt5系列教程(二)利用QtDesigner设计UI界面源码包
12-13
PyQt5系列教程(二)利用QtDesigner设计UI界面源码包，博文地址http://blog.csdn.net/djstavaV/article/details/50282527
PyQT5速成教程之Qt Designer介绍与入门
01-19
Qt Designer的介绍 在PyQt中编写UI界面可以直接通过代码来实现，也可以通过Qt Designer来完成。Qt Designer的设计符合MVC的架构，其实现了视图和逻辑的分离，从而实现了开发的便捷。Qt Designer中的操作方式十分灵活，其通过拖拽的方式放置控件可以随时查看控件效果。Qt Designer生成的.ui文件（实质上是XML格式的文件）也可以通过pyuic5工具转换成.py文件。 Qt Designer随PyQt5-tools包一起安装，其安装路径在 “Python安装路径\Lib\site-packages\pyqt5-tools”下。 若要启动Qt De
python3+PyQt5+Qt Designer实现扩展对话框
09-20
主要为大家详细介绍了python3+PyQt5+Qt Designer实现扩展对话框，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
pyqt5与qt designer结合开发
09-15
本软件对于初始学习pyqt5的人有很大的好处，里面涉及到多种功能的运用，比较详细，并且对于用过qt designer的人来说可以迅速的掌握pyqt5与designer的配合使用的方法，对于尽快掌握pyqt5的玩法有很大的帮助！而且可以根据自己的意愿进行二次开发。
PyQt5翻译成中文的教程
05-12
PyQt5中文教程，翻译自 zetcode 这个教程比较好的地方是，能讲解每一段代码的含义。 虽然PyQt的函数命名已经非常语义化了，但是对于新手来说，有这一步还是更好的。
【PyQt5桌面应用开发】3.Qt Designer快速入门（控件详解）
【安歌er】的博客
02-25 4307
Qt Designer是PyQt程序UI界面的实现工具，可以帮助我们快速开发 PyQt 程序的速度。它生成的 UI 界面是一个后缀为 .ui 的文件，可以通过 pyiuc 转换为 .py 文件。
PyQt5快速入门教程3-QtDesigner设计第一个界面
秀才的专栏
06-08 1674
PyQt5快速入门教程3-QtDesigner设计第一个界面 1、开发环境清单 基本环境如下： Windows 10 Python 3.7 PyCharm 2019.3.3 x64 PyQt5相关的库： PyQt5 5.13.0 PyQt5-sip 12.8.0 pyqt5-tools 5.13.0.1.5 2、实现效果预览 用QtDesigner设计一个界面，实现点击按钮更改label中信息 用QTDesigner设计界面简单多了，而且更加直观。先看下效果图： ...
PyQt5教程（结合designer使用）--- (一） First programs
m0_43406494的博客
01-28 543
First programs PyQt5 is a high level toolkit. If we would code in a lower level toolkit, the following code example could easily have hundreds of lines. PyQt5 simple example import sys from PyQt5.QtWidgets import QApplication, QWidget #这里引入了PyQt5.QtWidge
pyqt5 qt designer 新手教程
06-28
### 回答1： PyQt5 Qt Designer 新手教程可以分为以下几个步骤： 1. 安装 PyQt5 和 Qt Designer：在安装 PyQt5 之前，需要先安装 Python。然后，可以使用 pip 命令安装 PyQt5 和 Qt Designer。 2. 打开 Qt Designer：在命令行中输入 designer 命令，即可打开 Qt Designer。 3. 创建界面：在 Qt Designer 中，可以使用拖拽的方式创建界面。可以选择不同的控件，如按钮、标签、文本框等，然后将它们拖拽到界面中。 4. 设置属性：在创建控件后，可以设置它们的属性，如大小、位置、颜色等。可以通过属性编辑器或者属性面板来设置属性。 5. 保存界面：在完成界面设计后，可以将界面保存为 .ui 文件。这个文件可以在 Python 代码中使用。 6. 将界面与代码结合：在 Python 代码中，可以使用 PyQt5 的模块来加载 .ui 文件，并将界面与代码结合起来。可以通过信号和槽来实现控件之间的交互。 以上就是 PyQT5 Qt Designer 新手教程的基本步骤。希望对您有所帮助。 ### 回答2： PyQt5是一个非常强大的Python GUI工具包，可以帮助你构建高效和美观的用户界面，而Qt Designer则是PyQt5的图形化设计工具，让你可以使用可视化的方式创建和布局PyQt5的用户界面。本篇教程将为新手入门PyQt5的使用方法之一，详述如何使用Qt Designer来创建PyQt5 GUI程序。以下是流程： ### 步骤1：安装PyQt5和Qt Designer 首先，需要安装PyQt5和Qt Designer。我们可以在PyQt5官网上下载和安装PyQt5，或者使用命令行或终端安装。具体步骤如下： ``` pip install pyqt5 ``` 安装完成后，我们可以使用命令行或终端启动Qt Designer： ``` designer ``` ### 步骤2：创建PyQt5 GUI程序 使用Qt Designer创建PyQt5 GUI程序的第一步是创建一个新项目。 - 在Qt Designer中选择File > New… > Widget > Choose，此时会创建一个新的窗口。 - 在窗口上添加控件，比如按钮、标签和文本框等。 - 在Qt Designer中选择File > Save As…来保存你的项目文件。此时会生成一个以.ui结尾的文件，这个文件包含了你所创建的窗口和控件信息。 ### 步骤3：将Qt Designer生成的UI文件转换成Python代码 我们无法直接在Python环境中使用Qt Designer生成的UI文件，需要将其转换成可用的Python代码。这一步可以使用PyUIC工具来完成，PyUIC是PyQt5的一个命令行应用程序，它可以将Qt Designer生成的UI文件转换为Python模块文件。在终端中运行以下命令来将.ui文件转换成.py文件： ``` pyuic5 filename.ui -o filename.py ``` 其中，filename为你所创建的UI文件的名字。 ### 步骤4：编写Python代码 现在，我们已经将Qt Designer生成的UI文件转换成了Python模块文件，接下来只需要在Python交互环境或PyCharm中编写Python代码即可。在编写Python代码时，需要在文件开头导入所需模块： ```python from PyQt5.QtWidgets import QApplication, QWidget from filename import Ui_Form ``` 然后在类中继承Ui_Form： ```python class MainWindow(QWidget, Ui_Form): def __init__(self): super().__init__() self.setupUi(self) ``` 最后，在Python交互环境或PyCharm中运行你所编写的代码，即可看到Qt Designer生成的GUI界面。 总结： 本文列出了从安装PyQt5和Qt Designer，到创建和保存窗口和控件，再到将Qt Designer生成的UI文件转换成Python模块文件等一系列步骤。希望这篇文章对PyQt5的新手用户提供了有用和详细的指导，让大家能够更加方便快捷地使用PyQt5来创建图形化用户界面。 ### 回答3： PyQt5是一个Python的GUI框架，它允许创建跨平台的桌面应用程序。其中，Qt Designer是一个可视化的GUI设计工具，它提供了一系列的图形化控件和布局，可以轻松地设计和布局GUI界面，同时还提供代码模板，可以帮助快速生成基本GUI应用程序的骨架代码。在PyQt5中使用Qt Designer可以帮助开发者更为高效地进行开发工作。 如果你正在使用PyQt5和Qt Designer进行开发，以下是几个简单的步骤： 1. 安装PyQt5和Qt Designer：可以通过pip进行安装，例如输入 "pip install PyQt5"和"pip install pyqt5-tools"，其中pyqt5-tools包含了Qt Designer。 2. 启动Qt Designer：可以通过运行“designer.exe”或在命令行中输入“designer”打开Qt Designer。 3. 设计GUI界面：可以拖拽各种图形化的控件和布局进行设计，还可以设置每个控件的属性和事件。 4. 保存设计界面：保存文件时需要注意使用.ui扩展名，以便在Python代码中导入UI文件。 5. 生成代码：在Qt Designer中，可以使用 "File" -> "Save As..." 选项保存设计好的 UI 文件，在 Python 代码中通过 “uic.loadUiType()" 方法导入 UI 文件，生成一个名为 Ui_Class 的UI类。 最后，你可以使用UI类中的各种方法来实现你需要的功能。例如，你可以使用 QtGui.QWidget 基类创建一个新窗口，并使用 Ui_Class.ui 中定义的组件来填充窗口，并使用槽函数(Gridlayout_example.clicked())实现该组件的交互功能。 总体而言，PyQt5和Qt Designer是一种非常方便的GUI开发框架，可以让开发者轻松创建各种类型的GUI应用程序。虽然这只是一个简单的入门指南，但是对于初学者来说，它可能是一个有用的教程，可以帮助开发者更快速地熟悉PyQt5和Qt Designer的使用。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值