Python3 ：PyCharm + Qt designer 学习 + 实例

最新推荐文章于 2024-08-05 18:09:24 发布
最新推荐文章于 2024-08-05 18:09:24 发布
阅读量1.6w 收藏 102
点赞数 14
分类专栏： python 文章标签： Python GUI Pycharm Qt designer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/proplume/article/details/80505389
版权

猝然临之而不惊，无故加之而不怒

—- 苏轼 《留侯论》

一、PyQt5 简单介绍

  1. PyQt是由Phil Thompson 开发
  2. Qt库是目前最强大的库之一
  3. PyQt是一个创建GUI应用程序的工具包
  4. 它是Python编程语言和Qt库的成功融合

Qt designer 可视化拖动生成界面，然后利用pycharm 进行转换 .py 文件，再编写槽函数，实现进一步的功能，不要说太方便了。

二、第一个窗口

2.1 qt designer 第一个窗口

# pycharm生成的Python代码

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'window.ui'
#
# Created by: PyQt5 UI code generator 5.10.1
#
# WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(400, 300)
        Form.setStyleSheet("background-color: rgb(85, 170, 255);")
        self.label = QtWidgets.QLabel(Form)
        self.label.setGeometry(QtCore.QRect(110, 40, 171, 41))
        self.label.setStyleSheet("color: rgb(170, 85, 255);\n"
"font: 14pt \"楷体\";")
        self.label.setObjectName("label")

        self.retranslateUi(Form)
        QtCore.QMetaObject.connectSlotsByName(Form)

    def retranslateUi(self, Form):
        _translate = QtCore.QCoreApplication.translate
        Form.setWindowTitle(_translate("Form", "Form"))
        self.label.setText(_translate("Form", "qt designer 窗口"))


# 主函数代码（基本通用）

if __name__=='__main__':
    import sys
    app = QtWidgets.QApplication(sys.argv)
    widget = QtWidgets.QWidget()
    ui = Ui_Form()  #类名
    ui.setupUi(widget)
    widget.show()
    sys.exit(app.exec_())

结果显示

这里写图片描述

说明
设计 颜色及字体 位置

这里写图片描述
这里写图片描述

2.2 Python编写的第一个窗口 1

import sys
from PyQt5.QtWidgets import QApplication, QWidget  #导入必要的组件
if __name__ == '__main__':
    app = QApplication(sys.argv)   #每一个程序都要建立一个，相当于一个画布，其他组件可以在上面画，放置，是一个父组件 sys.argv用来表示可以用命令行运行代码
    w = QWidget()       #建立一个窗口
    w.resize(400, 300)  #重置为大小400，300大小的窗口
    w.move(500, 200)    #移动到x=500，y=200这个桌面的坐标上
    w.setWindowTitle('window') #设置窗口的标题
    w.show()            #显示它，如果没有这句话，前面做的工作就没法看到，只是存进了内存里
    sys.exit(app.exec_()) #关闭程序，没有这句就只能强制关闭程序了，app.exec_()，只有这个好像也可以成功，可能是需要让程序知道进程都已经释放了吧

2.3 Python编写的第一个窗口 2

#一个应用图标 + 背景颜色或图片
import sys
from PyQt5 import QtCore, QtWidgets, QtGui
from PyQt5.QtWidgets import QApplication, QWidget
import login
#Example类是从QWidget类继承下来的.
class Example(QWidget):
    def __init__(self):
        super().__init__() #.super()方法返回的是Example类的父对象
        self.initUI()

    #GUI的创建是委托给initUI()方法的.
    def initUI(self):
        #这三个方法都是继承于QWidget类
        self.setGeometry(500, 200, 400, 300) #.setGeometry()方法做两件事:定位窗口在屏幕上的位置和设置它的大小\\.前面两个参数是窗口的x和y轴位置.第三个参数是窗口的宽,第四个参数是窗口的高
        self.setWindowTitle('Icon')   #设置应用程序的图标和主题
        self.setWindowIcon(QtGui.QIcon('A.jpg'))
        palette1 = QtGui.QPalette()
        #palette1.setColor(self.backgroundRole(), QtGui.QColor(85, 170, 255))   # 设置背景颜色
        palette1.setBrush(self.backgroundRole(), QtGui.QBrush(QtGui.QPixmap('2.jpg')))   # 设置背景图片
        self.setPalette(palette1)
        self.show()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

结果显示

应用图标

这里写图片描述

背景颜色

这里写图片描述

背景图标

这里写图片描述

三、跳转窗口


from PyQt5 import QtCore, QtGui, QtWidgets
import window #要跳转的界面名字

#除备注外，均为Qt designer制作界面pycharm生成的代码

class Ui_login_2(object):
    def setupUi(self, login_2):
        login_2.setObjectName("login_2")

        self.log = login_2 #这行 编写跳转函数所需

        login_2.resize(646, 504)
        login_2.setStyleSheet("background-color: rgb(0, 95, 155);")
        self.name_label = QtWidgets.QLabel(login_2)
        self.name_label.setGeometry(QtCore.QRect(120, 160, 91, 31))
        font = QtGui.QFont()
        font.setFamily("华文中宋")
        font.setPointSize(12)
        font.setBold(False)
        font.setItalic(False)
        font.setWeight(50)
        self.name_label.setFont(font)
        self.name_label.setStyleSheet("font: 12pt \"华文中宋\";\n"
"color: rgb(255, 255, 255);")
        self.name_label.setObjectName("name_label")
        self.pw_label = QtWidgets.QLabel(login_2)
        self.pw_label.setGeometry(QtCore.QRect(140, 230, 71, 31))
        font = QtGui.QFont()
        font.setFamily("华文中宋")
        font.setPointSize(12)
        font.setBold(False)
        font.setItalic(False)
        font.setWeight(50)
        self.pw_label.setFont(font)
        self.pw_label.setStyleSheet("font: 12pt \"华文中宋\";\n"
"color: rgb(255, 255, 255);")
        self.pw_label.setObjectName("pw_label")
        self.pw_line = QtWidgets.QLineEdit(login_2)
        self.pw_line.setGeometry(QtCore.QRect(230, 230, 251, 41))
        self.pw_line.setStyleSheet("color: rgb(0, 0, 0);\n"
"background-color: rgb(255, 255, 255);\n"
"border-color: rgb(87, 0, 130);")
        self.pw_line.setObjectName("pw_line")
        self.name_line = QtWidgets.QLineEdit(login_2)
        self.name_line.setGeometry(QtCore.QRect(230, 150, 251, 41))
        self.name_line.setStyleSheet("color: rgb(0, 0, 0);\n"
"background-color: rgb(255, 255, 255);\n"
"border-color: rgb(87, 0, 130);")
        self.name_line.setObjectName("name_line")
        self.checkBox = QtWidgets.QCheckBox(login_2)
        self.checkBox.setGeometry(QtCore.QRect(180, 300, 241, 20))
        font = QtGui.QFont()
        font.setFamily("华文中宋")
        font.setPointSize(10)
        font.setBold(False)
        font.setItalic(False)
        font.setWeight(50)
        self.checkBox.setFont(font)
        self.checkBox.setStyleSheet("font: 10pt \"华文中宋\";\n"
"color: rgb(255, 255, 255);")
        self.checkBox.setObjectName("checkBox")
        self.login = QtWidgets.QPushButton(login_2)
        self.login.setGeometry(QtCore.QRect(160, 370, 131, 51))
        font = QtGui.QFont()
        font.setFamily("华文中宋")
        font.setPointSize(12)
        font.setBold(False)
        font.setItalic(False)
        font.setWeight(50)
        self.login.setFont(font)
        self.login.setStyleSheet("font: 12pt \"华文中宋\";\n"
"color: rgb(255, 253, 222);\n"
"background-color: rgb(0, 66, 200);\n"
"border-color: rgb(87, 0, 130);")
        self.login.setObjectName("login")
        self.register_2 = QtWidgets.QPushButton(login_2)
        self.register_2.setGeometry(QtCore.QRect(360, 370, 121, 51))
        self.register_2.setStyleSheet("font: 12pt \"华文中宋\";\n"
"color: rgb(255, 253, 222);\n"
"background-color: rgb(0, 66, 200);\n"
"border-color: rgb(87, 0, 130);")
        self.register_2.setObjectName("register_2")
        self.label = QtWidgets.QLabel(login_2)
        self.label.setGeometry(QtCore.QRect(-10, 0, 661, 81))
        font = QtGui.QFont()
        font.setFamily("微软雅黑")
        font.setPointSize(12)
        font.setBold(False)
        font.setItalic(False)
        font.setWeight(9)
        self.label.setFont(font)
        self.label.setStyleSheet("font: 75 12pt \"微软雅黑\";\n"
"color: rgb(255, 255, 255);\n"
"background-color: rgb(0, 85, 155);")
        self.label.setObjectName("label")
        self.frame = QtWidgets.QFrame(login_2)
        self.frame.setGeometry(QtCore.QRect(0, 440, 631, 71))
        self.frame.setStyleSheet("background-color: rgb(0, 85, 155);")
        self.frame.setFrameShape(QtWidgets.QFrame.StyledPanel)
        self.frame.setFrameShadow(QtWidgets.QFrame.Raised)
        self.frame.setObjectName("frame")
        self.label_2 = QtWidgets.QLabel(self.frame)
        self.label_2.setGeometry(QtCore.QRect(200, 10, 241, 41))
        self.label_2.setStyleSheet("color: rgb(255, 255, 255);\n"
"font: 10pt \"宋体\";")
        self.label_2.setObjectName("label_2")

        self.retranslateUi(login_2)
        QtCore.QMetaObject.connectSlotsByName(login_2)

    def retranslateUi(self, login_2):
        _translate = QtCore.QCoreApplication.translate
        login_2.setWindowTitle(_translate("login_2", "Dialog"))
        self.name_label.setText(_translate("login_2", "用户名："))
        self.pw_label.setText(_translate("login_2", "密码："))
        self.checkBox.setText(_translate("login_2", "   记住用户名和密码"))
        self.login.setText(_translate("login_2", "登录"))
        self.register_2.setText(_translate("login_2", "注册"))

        self.login.clicked.connect(self.jump_to_filter)  #按钮与跳转函数连接，实现跳转到filter界面
        self.register_2.clicked.connect(self.jump_to_filter)  
        self.login.clicked.connect(self.exit)  #跳转之后退出
        self.register_2.clicked.connect(self.exit)

        self.label.setText(_translate("login_2", "              欢迎登录  A股筛 -- 根据财务指标自由筛选公司"))
        self.label_2.setText(_translate("login_2", "copyright©2018   bigdata"))

    #界面跳转函数
    def jump_to_filter(self):
        self.log.hide()
        log1 = QtWidgets.QDialog()
        ui = window.Ui_Form() 
        ui.setupUi(log1)
        log1.show()
        log1.exec_()
        self.log.show()

    #跳转之后退出
    def exit(self):
        self.log.close()

#主函数
if __name__=='__main__':
    import sys
    app = QtWidgets.QApplication(sys.argv)
    widget = QtWidgets.QWidget()
    ui = Ui_login_2()
    ui.setupUi(widget)
    widget.show()
    sys.exit(app.exec_())

结果显示

这里写图片描述

跳转到的界面

这里写图片描述

四、参考

python3 PyQt5 pycharm 环境搭建

PyQt 官网

PyQt 设置背景及颜色

基于Qt designer 的编程

proplume
关注
专栏目录
pycharm集成QTdesigner+ui转py工具
u010367973的博客
10-08 1150
pycharm集成QTdesigner+ui转py工具前言一、前期安装二、pycharm配置 QTdesigner1.外部工具配置2.pycharm可直接调用designer三、pycharm配置 pyuic(将ui文件转换为py文件)1.外部工具配置2.pycharm可直接调用pyuic工具四、显示代码和逻辑代码分离1.使用designer设计示意界面总结 前言 后面使用PyQt5开始设计界面、使用pycharm这个IDE进行逻辑代码和界面代码的融合。 一、前期安装 前提：按照《Python GUI.
QtDesigner案例
12-15
QtDesigner的ui案例，涉及到弹窗，下载进度图等，不涉及具体的py或者cpp代码
PyCharm+QT Designer整合
weixin_34266504的博客
02-24 218
目录 目录 前言 软件系统 添加QTDesgner Tool 继续添加PyUIC Tool 非必备项 最后 前言 将QT Designer整合到PyCharm的External Tools中，以后就可以非常方便的调用QT Designer工具了。 软件系统 系统 Win10 软件 Python 3...
手把手教你在PyCharm配置PyQt5和QtDesigner，实现python程序快速搭建可视化界面
最新发布
weixin_44779079的博客
08-05 1933
在大学学过Qt，Qt 是一个强大的框架，可以用来快速搭建Python程序的图形用户界面（GUI）。在Python项目中，通常使用PyQt5或PySide这两个库来实现，因此一些毕设项目、大作业和科研项目都需要搭建可视化界面来展示，方便用户操作。接下来我将手把手教你在PyCharm配置pyqt5和QtDesigner。
嵌入式Linux用Qt Designer快速开发
ciuoae4820的博客
03-20 284
嵌入式Linux用Qt Designer快速开发RAD（快速应用程序开发）是一种高效的软件开发形式，可以让用户在极短的时间里创建一个图形化的用户界面。通常情况下，在一张空白的表单上，开发人员可以通过拖拉或点击的方式，在窗口的适当...
QT Designer 使用入门例子
热门推荐
amberman的专栏
05-01 1万+
前面： 这里只是告诉大家一种如何快速学习QT的方法.这里也只对QT Designer 和QT作一个简单的介绍.让没有写过QT的人能对QT有一个初步的认识.如果您真的对QT Programming很有兴趣.这里我建议您去看看O'REILY出版的Programming with QT和Bible出版的KDE 2 /QT Programming.这两本书将会给您带来一个好的开始. 这篇文章适合您吗
python qt designer中文_python3+PyQt5+Qt Designer实现扩展对话框
weixin_39763953的博客
11-30 163
这篇文章主要为大家详细介绍了python3+PyQt5+Qt Designer实现扩展对话框，具有一定的参考价值，感兴趣的小伙伴们可以参考一下本文是对《Python Qt GUI快速编程》的第9章的扩展对话框例子Find and replace用Python3+PyQt5+Qt Designer进行改写。第一部分无借用Qt Designer，完全用代码实现。第二部分则借用Qt Designer，快...
详解PyCharm+QTDesigner+PyUIC使用教程
09-19
PyCharm作为一个强大的集成开发环境（IDE），配合QTDesigner和PyUIC工具，可以帮助开发者轻松创建美观且功能丰富的GUI应用。本教程将详细解释如何利用PyCharm、QTDesigner和PyUIC进行GUI编程。 首先，QTDesigner是...
Python+Qt5+Pycharm 界面设计.docx
05-04
【Python+Qt5+Pycharm 界面设计】 在本文中，我们将探讨如何使用Python、Qt5和Pycharm这三个工具来创建一个简单的计算器界面。首先，让我们分别了解这三者的作用。 **Python** 是一种高级编程语言，以其简洁的语法...
pycharm+python环境配置步骤+简单UI界面代码.zip
07-16
以上就是PyCharm+Python环境配置和使用Qt创建简单UI的基本步骤。在实际开发过程中，你可能需要对代码进行调试、优化，以及考虑错误处理和性能优化。持续学习和实践将帮助你更好地掌握这些技能，从而构建更复杂的...
Python实现桌面程序：PyQt5 + QtDesigner -- 界面设计与逻辑编写
_天涯__的博客
01-24 2720
Python，入门简单，上手快，所以我朋友想要用 Python 写一个简单的桌面程序，Qt 界面那种风格都行，于是有了这篇博客。 这篇博客是针对 完全不懂python 却还想要写一个界面程序的小白的（Windows系统）。步骤内容很多，简略写，没有耐心仔细总结了，直接搬运一部分。 Python基础教程 Python3 教程 | 菜鸟教程 既然是针对小白，当然先放入门教程，主要学习一下import、基本语法、基本数据类型、类型转换原理和操作、解释器、注释、...
第二个Qt Designer的例子
09-11
第二个Qt Designer的例子，对使用QT编程的新手有点帮助。
pycharm+QT搭建环境
awwy2028的博客
09-07 1万+
1.下载pycharm软件，python python:https://www.python.org/downloads/windows/   目前我使用的是3.6.3 使用3.7有点坑，后面使用pyinstaller发布会报错，因为目前不支持3.7 pycharm:http://www.jetbrains.com/pycharm/download/#section=windows   2....
Pycharm Qt Designer的使用示例
qq_41291730的博客
02-08 1148
Pycharm Qt Designer的使用 关于Qt Designer各组件的介绍可参考Qt Designer常用部件介绍，里面介绍了Qt Designer各部件的名字。 Qt Designer的使用很简单，直接根据自己所需把各部件拖入框内，更改各组件名称、大小、位置等。 例如：去除文件夹中模糊的图片 但是你会发现转换为py文件运行后并没有出现设计好的界面！ 这时需要在该文件夹下重新建立一个...
Pycharm 集成python3 的Qt Designer
zhouzhiwengang的专栏
02-09 600
第一步：点击：File -》Settings 第二步、Tools -》 External Tools -》点击“+”号 第三步、设置Qt Designer 修改三个地方，其他地方默认： Name：Qt Designer Programs：D:\python3.6\Lib\site-packages\pyqt5_tools\designer.exe Working direct...
基于Pycharm的Qt环境搭建与程序打包
FranklinLighting的博客
10-21 1709
最近需要用到Qt来设计上位机，考虑到源代码是Python，所以尝试使用Python来搭建上位机。作为学习记录，下面记录搭建环境的具体步骤。 一、Pycharm新建工程 注意，需要提前安装好 Python 3.6（纯英文路径下），并且配置入环境变量中。 为了方便压缩最后的exe程序，需要尽量使第三方包精简，所以这里选用新的环境，并且不勾选下面两个选项。 左上角file选项中进入设置，设置好Python的缩进方式。 ...
PyCharm+PyQT5之二第一个QT程序
buaaweibin的博客
11-28 814
Tools菜单或者右键打开external tools的 QTdesigner,如下图，在PyQt5中最常用的窗口有三种，即Main Window Widget Dialog，Main Window窗口和Widget窗口看起来是一样的，但是他们其实是有区别的，区别就是：Main Window窗口会自带菜单栏和状态栏，但是Widget窗口没有。Main Window 也就是主窗口，他要为用户提供一个带有菜单栏、工具栏和状态栏的窗口。Widget:通用窗口，没有嵌入到其他控件中的控件都成为窗口。
PyCharm配置PyQt5附Demo示例
lagrange11的博客
09-22 412
一、配置pyuic5、designer、pyrcc教程 提前安装好的软件： 下载Pycharm：链接到下载地址 下载Everything：链接到下载地址 PyQt5国内镜像下载： 控制台输入如下内容即可安装： pip install PyQt5 -i https://pypi.douban.com/simple pip install PyQt5-tools -i https://pypi.douban.com/simple 配置designer: 下图需要使用到的参数：
Qt Designer
weixin_44836940的博客
06-06 482
PyQt对话框，控件（实例：利息计算程序）作业描述全解python代码实现全解代码截图部分代码过程详解1.新建对话框2.设置状态栏 ](https://img-blog.csdnimg.cn/20190513001513267.png)) 作业描述 全解python代码实现 全解代码截图 部分代码过程详解 1.新建对话框 继承QMainWindow创建一个主窗口程序 效果： 2.设置状态栏 ！...
pycharm使用qtdesigner
08-11
PyCharm 是一款功能强大的 Python 集成开发环境（IDE），它支持使用 Qt Designer 进行界面设计。下面是使用 PyCharm 中的 Qt Designer 进行界面设计的步骤： 1. 首先，确保你已经安装了 PyQt 或者 PySide 库。你可以使用以下命令来安装 PyQt： ``` pip install pyqt5 ``` 或者使用以下命令来安装 PySide： ``` pip install pyside2 ``` 2. 打开 PyCharm，创建一个新的 Python 项目。 3. 在项目中创建一个新的 `.ui` 文件，这是 Qt Designer 的界面文件格式。 4. 右键点击 `.ui` 文件，选择 "Open With" -> "Qt Designer"，这将会打开 Qt Designer 工具。 5. 在 Qt Designer 中设计你的界面，可以拖拽各种控件到窗口中，并设置它们的属性。 6. 完成界面设计后，保存 `.ui` 文件并关闭 Qt Designer。 7. 回到 PyCharm，使用 `pyuic` 工具将 `.ui` 文件转换为 Python 代码。在命令行中运行以下命令： ``` pyuic5 -o ui_filename.py filename.ui ``` 其中 `ui_filename.py` 是你要生成的 Python 代码文件名，`filename.ui` 是你设计好的界面文件名。 8. 在 PyCharm 中创建一个新的 Python 文件，导入刚刚生成的 Python 代码文件： ```python from ui_filename import Ui_MainWindow ``` 9. 创建一个新的窗口类，并将其继承自 `Ui_MainWindow`，并实现自己的逻辑： ```python class MainWindow(QtWidgets.QMainWindow, Ui_MainWindow): def __init__(self): super().__init__() self.setupUi(self) # 在这里添加你的逻辑代码 ``` 10. 在你的代码中创建一个 `QApplication` 对象，并实例化你的窗口类： ```python if __name__ == '__main__': app = QtWidgets.QApplication(sys.argv) window = MainWindow() window.show() sys.exit(app.exec_()) ``` 11. 运行代码，你将看到使用 Qt Designer 设计的界面在 PyCharm 中显示出来。 这就是使用 PyCharm 和 Qt Designer 进行界面设计的基本步骤。希望对你有帮助！如有其他问题，请随时提问。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值