Qt是基于C++实现的GUI,而PyQt就是用python调用Qt.
PyQt中有很多的功能模块,开发最常用的模块功能主要有3个
1) QtCore:包含核心的非GHI的功能,主要和时间,文件与文件夹,各种数据,流,URLs,进程与线程一起使用
2) QtGUi:包含窗口系统,事件处理,2D图像,基本绘画,字体和文字类
3) QtWidget:包含了一些创建桌面应用的UI元素
Qt for Python Quick start — Qt for Python
1. 安装环境
1.1 创建虚拟环境
1.2 安装PyQt5库
1.3 安装PyQt5时报错，
下载工具，进行安装 Microsoft C++ 生成工具 - Visual Studio
2.基本UI
# _*_ coding:utf-8 _*_
# @Time : 16:41
# @Author: george
# @File : 基本UI.py
# @Comment: ***
import sys
from PyQt5.QtWidgets import QApplication, QWidget
if __name__ == '__main__':
# 创建QApplication对象-传递列表给QApplication类,这个参数一般是当前程序对象运行环境参数
app = QApplication(sys.argv)
# 创建界面对象
w = QWidget()
# 设置窗口标题
w.setWindowTitle("第一个PyQt")
# 展示窗口
w.show()
# 程序进入循环等待状态,事件监测循环
app.exec_()
效果图
3.组件
3.1 Button
# _*_ coding:utf-8 _*_
# @Time : 17:16
# @Author: george
# @File : 按钮.py
# @Comment: ***
import sys
from PyQt5.QtWidgets import QApplication, QWidget, QPushButton
if __name__ == '__main__':
app = QApplication(sys.argv)
w = QWidget()
w.setWindowTitle("第一个PyQt程序")
# 创建button
btn = QPushButton("按钮")
# 将按钮放入窗口显示
btn.setParent(w)
w.show()
app.exec_()效果图:
3.2 Label
# _*_ coding:utf-8 _*_
# @Time : 17:29
# @Author: george
# @File : label.py
# @Comment: ***
import sys
from PyQt5.QtWidgets import QLabel, QWidget,QApplication,QPushButton
if __name__ == '__main__':
app = QApplication(sys.argv)
w = QWidget()
w.setWindowTitle('label')
# 在创建对象的时候指定父对象
btn = QPushButton('btn',w)
lab = QLabel('账号',w)
# 设置显示位置与大小,x,y,w,h
lab.setGeometry(20,20,300,40)
w.show()
app.exec_()效果图:
3.3 LineEdit
# _*_ coding:utf-8 _*_
# @Time : 19:04
# @Author: george
# @File : lineEdit.py
# @Comment: ***
import sys
from PyQt5.QtWidgets import QWidget, QLineEdit, QPushButton, QApplication, QLabel
if __name__ == '__main__':
app = QApplication(sys.argv)
w = QWidget()
w.setWindowTitle('lineedit')
# 标签
lab = QLabel('账号', w)
lab.setGeometry(20, 20, 30, 20)
# 输入框
edit = QLineEdit(w)
edit.setPlaceholderText("请输入账号")
edit.setGeometry(55, 20, 330, 20)
# 按钮
btn = QPushButton('注册', w)
btn.setGeometry(55, 50, 30, 20)
w.show()
app.exec_()
效果图:
3.4 窗口设置
窗口大小,背景图,自动居中等相关设置
# _*_ coding:utf-8 _*_
# @Time : 19:04
# @Author: george
# @File : lineEdit.py
# @Comment: ***
import sys
from PyQt5.QtGui import QIcon
from PyQt5.QtWidgets import QWidget, QLineEdit, QPushButton, QApplication, QLabel,QDesktopWidget
if __name__ == '__main__':
app = QApplication(sys.argv)
w = QWidget()
w.setWindowTitle('lineedit')
# 调整窗口大小
w.resize(800, 600)
# 将窗口移动到屏幕0,0位置
w.move(0,0)
# 自动将app显示在屏幕中间
x,y,width,high = QDesktopWidget().availableGeometry().getRect()
app_x,app_y,app_width,app_high = w.frameGeometry().getRect()
w.move(width//2-app_width//2,high//2-app_high//2)
# 设置标题栏图标
w.setWindowIcon(QIcon("pyq.png"))
# 标签
lab = QLabel('账号', w)
lab.setGeometry(20, 20, 30, 20)
# 输入框
edit = QLineEdit(w)
edit.setPlaceholderText("请输入账号")
edit.setGeometry(55, 20, 330, 20)
# 按钮
btn = QPushButton('注册', w)
btn.setGeometry(55, 50, 30, 20)
w.show()
app.exec_()
效果图:
4.布局
在Qt里面布局分为四大类
QBoxLayout,QGridLayout,QFormLayout,QStackedLayout
4.1 QBoxLayout 盒子布局
4.1.1 垂直布局器
盒子布局,一般使用QHBoxLayout(水平) 和QVBoxLayout(垂直布局)两个子类
创建布局器->使用布局器->将组件添加到布局器里面
# _*_ coding utf-8 _*_
# george
# time: 2024/3/14下午5:54
# name: 垂直布局.py
# comment:
import sys
from PyQt5.QtWidgets import QWidget, QApplication, QVBoxLayout, QPushButton
class MyWindow(QWidget):
def __init__(self):
super().__init__() # 一定要调用父类的__init__方法,因为它里面有很多对于UI空间的初始化操作
# 设置大小
self.resize(300, 300)
# 设置标题
self.setWindowTitle("垂直布局")
# 垂直布局,创建布局器,是一种约束
layout = QVBoxLayout()
# 按钮1
btn1 = QPushButton("按钮1")
# 将btn1添加到布局器里面,不需要再设置父对象
layout.addWidget(btn1)
# 按钮2
btn2 = QPushButton("按钮2")
layout.addWidget(btn2)
# 按钮3
btn3 = QPushButton("按钮3")
layout.addWidget(btn3)
# 让当前窗口使用这个布局器(排列规则)
self.setLayout(layout)
if __name__ == '__main__':
app = QApplication(sys.argv)
w = MyWindow()
w.show()
app.exec()
默认情况下,三个按钮的布局距离是平均分配
# _*_ coding utf-8 _*_
# george
# time: 2024/3/14下午5:54
# name: 垂直布局.py
# comment:
import sys
from PyQt5.QtWidgets import QWidget, QApplication, QVBoxLayout, QPushButton
class MyWindow(QWidget):
def __init__(self):
super().__init__() # 一定要调用父类的__init__方法,因为它里面有很多对于UI空间的初始化操作
# 设置大小
self.resize(300, 300)
# 设置标题
self.setWindowTitle("垂直布局")
# 垂直布局,创建布局器,是一种约束
layout = QVBoxLayout()
# 按钮1
btn1 = QPushButton("按钮1")
# 将btn1添加到布局器里面,不需要再设置父对象
layout.addWidget(btn1)
# 按钮2
btn2 = QPushButton("按钮2")
layout.addWidget(btn2)
# 按钮3
btn3 = QPushButton("按钮3")
layout.addWidget(btn3)
# 添加伸缩器(理解为一个弹簧),这个参数2指的是比例关系,是占据的空间距离比
layout.addStretch(2)
# 让当前窗口使用这个布局器(排列规则)
self.setLayout(layout)
if __name__ == '__main__':
app = QApplication(sys.argv)
w = MyWindow()
w.show()
app.exec()
4.1.2 水平布局器
# _*_ coding utf-8 _*_
# george
# time: 2024/3/14下午5:54
# name: 垂直布局.py
# comment:
import sys
from PyQt5.QtWidgets import QWidget, QApplication, QHBoxLayout, QPushButton
class MyWindow(QWidget):
def __init__(self):
super().__init__() # 一定要调用父类的__init__方法,因为它里面有很多对于UI空间的初始化操作
# 设置大小
self.resize(300, 300)
# 设置标题
self.setWindowTitle("水平布局")
# 垂直布局,创建布局器,是一种约束
layout = QHBoxLayout()
# 按钮1
btn1 = QPushButton("按钮1")
# 将btn1添加到布局器里面,不需要再设置父对象
layout.addWidget(btn1)
# 按钮2
btn2 = QPushButton("按钮2")
layout.addWidget(btn2)
# 按钮3
btn3 = QPushButton("按钮3")
layout.addWidget(btn3)
# 添加伸缩器(理解为一个弹簧),这个参数2指的是比例关系,是占据的空间距离比
layout.addStretch(3)
# 让当前窗口使用这个布局器(排列规则)
self.setLayout(layout)
if __name__ == '__main__':
app = QApplication(sys.argv)
w = MyWindow()
w.show()
app.exec()
4.12.3 布局嵌套
# _*_ coding utf-8 _*_
# george
# time: 2024/3/14下午6:59
# name: 布局器嵌套.py
# comment:
import sys
from PyQt5.QtWidgets import QApplication, QWidget, QHBoxLayout, QVBoxLayout, QLabel, QRadioButton
class MyQwidget(QWidget):
def __init__(self):
super(MyQwidget, self).__init__()
full_layout = QVBoxLayout()
top_layout = QVBoxLayout()
lab1 = QLabel("爱好")
q1 = QRadioButton("抽烟")
q2 = QRadioButton("喝酒")
q3 = QRadioButton("烫头")
top_layout.addWidget(lab1)
top_layout.addWidget(q1)
top_layout.addWidget(q2)
top_layout.addWidget(q3)
full_layout.addLayout(top_layout)
lab2 = QLabel("性别")
full_layout.addWidget(lab2)
botoom_layout = QHBoxLayout()
q4 = QRadioButton("男")
q5 = QRadioButton("女")
botoom_layout.addWidget(q4)
botoom_layout.addWidget(q5)
full_layout.addLayout(botoom_layout)
self.setLayout(full_layout)
if __name__ == '__main__':
app = QApplication(sys.argv)
w = MyQwidget()
w.show()
app.exec()
注意: self.setLayout(full_layout),都是对象设置布局器,所以对于上下两个布局,也是需要两个被设置对象的.所以上面写的代码是有问题的,需要盒子
hobby_box = QGroupBox("爱好")
# _*_ coding utf-8 _*_
# george
# time: 2024/3/15下午1:37
# name: 布局嵌套2.0.py
# comment:
import sys
from PyQt5.QtWidgets import *
class MyWindows(QWidget):
def __init__(self):
super(MyWindows, self).__init__()
self.init_UI()
def init_UI(self):
# 最外层的垂直布局,包含爱好和性别
container = QVBoxLayout()
# 创建第一个组,添加第一个组件,
# v_layout保证3个爱好是垂直摆放
v_layout = QVBoxLayout()
hobby_box = QGroupBox("爱好")
btn1 = QRadioButton("抽烟")
btn2 = QRadioButton("喝酒")
btn3 = QRadioButton("烫头")
# 将三个btn添加到v_layout里面
v_layout.addWidget(btn1)
v_layout.addWidget(btn2)
v_layout.addWidget(btn3)
hobby_box.setLayout(v_layout)
# 创建第二个组,添加多个组件
# 性别组
h_layout = QHBoxLayout()
gender_box = QGroupBox("性别")
btn4 = QRadioButton("男")
btn5 = QRadioButton("女")
h_layout.addWidget(btn4)
h_layout.addWidget(btn5)
gender_box.setLayout(h_layout)
# 将爱好的内容添加到容器中
container.addWidget(hobby_box)
container.addWidget(gender_box)
# 设置窗口显示的内容是最外层容器
self.setLayout(container)
if __name__ == '__main__':
app = QApplication(sys.argv)
window = MyWindows()
window.show()
app.exec_()
4.2 QGridLayout 网格布局
# _*_ coding utf-8 _*_
# george
# time: 2024/3/15下午2:03
# name: 网格布局.py
# comment:
import sys
from PyQt5.QtWidgets import *
class MyWindow(QWidget):
def __init__(self):
super(MyWindow, self).__init__()
self.initUI()
def initUI(self):
# 设置标题头
self.setWindowTitle("计算器")
# 准备数据
data = {
0: ["7", "8", "9", "+", "("],
1: ["4", "5", "6", "-", ")"],
2: ["1", "2", "3", "*", "<-"],
3: ["0", ".", "=", "/", "C"]
}
# 整体设置垂直布局
layout = QVBoxLayout()
# 设置输入框
edit = QLineEdit()
edit.setPlaceholderText("请输入内容")
# 将输入框添加到容器中
layout.addWidget(edit)
# 网格布局
grid = QGridLayout()
# 循环创建btn
for row_number,data_list in data.items():
for col_number,i in enumerate(data_list):
btn = QPushButton(i)
grid.addWidget(btn,row_number,col_number)
# 将网格布局追加到容器中
layout.addLayout(grid)
# 设置最外层容器的布局为垂直布局
self.setLayout(layout)
if __name__ == '__main__':
app = QApplication(sys.argv)
w = MyWindow()
w.show()
app.exec()
4.3 QFormaLayout
一般适用于提交form表单,比如:登陆,注册等类似场景
4.4 StackedLayout 抽屉布局
提供了多页面切换的布局,一次只能看到一个界面,抽屉布局
对于抽屉布局器而言就是,一个widget使用了抽屉布局器,而抽屉布局器里面有2个或是多个子widget,这里面的子widget就是将要显示的界面.
# _*_ coding utf-8 _*_
# george
# time: 2024/3/15下午3:12
# name: 抽屉布局.py
# comment:
import sys
from PyQt5.QtWidgets import *
class Window1(QWidget):
def __init__(self):
super(Window1, self).__init__()
QLabel("我是抽屉1要显示的内容",self)
self.setStyleSheet("background-color:green;")
class Window2(QWidget):
def __init__(self):
super(Window2, self).__init__()
QLabel("我是抽屉2要显示的内容",self)
self.setStyleSheet("background-color:red;")
class MyWindow(QWidget):
def __init__(self):
super(MyWindow, self).__init__()
self.create_stacked_layout()
self.initUI()
def create_stacked_layout(self):
# 创建抽屉布局
self.stacked_layout = QStackedLayout()
# 创建单独的widget
win1 = Window1()
win2 = Window2()
# 将创建的2个widget添加到抽屉布局器中
self.stacked_layout.addWidget(win1)
self.stacked_layout.addWidget(win2)
def initUI(self):
# 设置widget大小以及固定宽高
self.setFixedSize(300, 270)
# 创建整体布局器
container = QVBoxLayout()
# 创建一个要显示的具体内容的子widget
widget = QWidget()
widget.setLayout(self.stacked_layout)
widget.setStyleSheet("background-color:gray;")
# 创建2个按钮,用来点击进行切换布局器中的widget
btn_press1 = QPushButton("抽屉1")
btn_press2 = QPushButton("抽屉2")
# 给按钮添加事件,即点击及进行切换抽屉布局器中的widget
# 如果按钮被点击连接事件self.btn_press1_clicked
btn_press1.clicked.connect(self.btn_press1_clicked)
btn_press2.clicked.connect(self.btn_press2_clicked)
# 将要显示的控件添加到container布局器中
container.addWidget(widget)
container.addWidget(btn_press1)
container.addWidget(btn_press2)
# 设置widget显示的内容使用的是container布局器
self.setLayout(container)
def btn_press1_clicked(self):
# 设置抽屉布局器的当前索引值,即可切换显示哪个widget
self.stacked_layout.setCurrentIndex(0)
def btn_press2_clicked(self):
self.stacked_layout.setCurrentIndex(1)
if __name__ == '__main__':
app = QApplication(sys.argv)
w = MyWindow()
w.show()
app.exec()
5. 窗口
在Qt中,生成窗口有三种方式:
Qwidget,QMainWindow,QDialog
5.1 QWidget
空间和窗口的父类,自由度高(什么东西都没有),没有划分菜单,工具栏,状态栏,主窗口等区域
import sys
from PyQt5.QtWidgets import *
class MyWindow(QWidget):
def __init__(self):
super().__init__() # 一定要调用父类的__init__方法,因为它里面有很多对于UI空间的初始化操作
self.initUI()
def initUI(self):
self.resize(300,300)
label = QLabel("这是文字",self)
label.setStyleSheet("font-size:30px;color:red")
if __name__ == '__main__':
app = QApplication(sys.argv)
w = MyWindow()
w.show()
app.exec()
5.2 QMainWindow
是QWidget的子类,包含菜单栏,工具栏,状态栏,标题栏,中间部分为主窗口区域
# _*_ coding utf-8 _*_
# george
# time: 2024/3/15下午6:43
# name: 窗口.py
# comment:
import sys
from PyQt5.QtWidgets import *
class MyWindow(QMainWindow):
def __init__(self):
super().__init__() # 一定要调用父类的__init__方法,因为它里面有很多对于UI空间的初始化操作
self.initUI()
def initUI(self):
self.resize(300,300)
label = QLabel("这是文字")
label.setStyleSheet("font-size:30px;color:red")
# 调用父类的menuBar,对菜单栏进行操作
menu = self.menuBar()
file_menu = menu.addMenu("文件")
file_menu.addAction("新建")
file_menu.addAction("打开")
file_menu.addAction("保存")
edit_menu = menu.addMenu("编辑")
edit_menu.addAction("复制")
edit_menu.addAction("粘贴")
edit_menu.addAction("剪切")
# 将内容在中心部分显示
self.setCentralWidget(label)
if __name__ == '__main__':
app = QApplication(sys.argv)
w = MyWindow()
w.show()
app.exec()
5.3 QDialog
对话窗口的基类 ,不作为主窗口只是作为按钮点击时的弹窗
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# @Time : 2024/4/8 21:46
# @Author : George
import sys
from PyQt5.QtWidgets import QDialog, QPushButton, QApplication
class MyDialog(QDialog):
def __init__(self):
super().__init__()
self.UI_init()
def UI_init(self):
ok_btn = QPushButton("确定", self)
ok_btn.setGeometry(50,50,100,30)
if __name__ == '__main__':
app = QApplication(sys.argv)
w = MyDialog()
w.setWindowTitle("Dialog")
w.show()
sys.exit(app.exec_())
奇怪的是窗口上面有？
6.信号与槽
6.1 信号（Signal)
信号其实就是事件（按钮点击，内容改变，窗口关闭）或者是状态（选中或是切换）当程序触发了某种状态或是发生了某种事件，就可发射出来一个信号
6.2 槽（slot)
若想捕获这个信号，并执行相应的逻辑代码，就需要用到槽。槽实际上是一个函数，当信号发射出来之后会执行与之绑定的槽函数。
6.3 将信号与槽连接
为了实现，当点击某个按钮时执行某个逻辑，需要将具体的信号和具体的槽函数绑定到一起。
6.3.1 接收信号
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# @Time : 2024/4/9 23:04
# @Author : George
import sys
from PyQt5.QtWidgets import QApplication, QWidget, QPushButton
class Window(QWidget):
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
# 重新设置窗口的宽高
self.resize(500, 300)
btn = QPushButton('点我点我',self)
btn.setGeometry(200,200,100,30)
btn.clicked.connect(self.click_my_btn)
def click_my_btn(self,mgs):
#槽函数，点击按钮时就是调用此函数。这里的参数是信号发出时传递的参数
print("我正在点击按钮",mgs)
if __name__ == '__main__':
app = QApplication(sys.argv)
window = Window()
window.show()
sys.exit(app.exec_())
6.3.2 自定义信号
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# @Time : 2024/4/9 23:33
# @Author : George
import sys
import time
from PyQt5.QtCore import pyqtSignal
from PyQt5.QtWidgets import QApplication, QWidget, QPushButton
class Window(QWidget):
# 自定义一个信号，并且只能作为类属性
my_signal = pyqtSignal(str) # 定义的时候声明传递的参数是字符串
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
self.resize(300, 200)
btn = QPushButton('开始检测', self)
btn.setGeometry(100, 150, 100, 30)
btn.clicked.connect(self.check)
# 将自定义信号和槽函数进行绑定
self.my_signal.connect(self.my_slot)
def my_slot(self, msg):
print(msg)
def check(self):
for i, ip in enumerate(["192.168.3.%s" % x for x in range(1, 255)]):
print("模拟===正在%s检测系统漏洞......" % ip)
if i % 5 == 0:
# 这里是发射信号,并将参数传递给绑定的槽函数，传递的参数是字符串
self.my_signal.emit("【发现漏洞】") # 这里就是在调用函数
time.sleep(0.1)
if __name__ == '__main__':
app = QApplication(sys.argv)
window = Window()
window.show()
sys.exit(app.exec_())
7.Qt Designer
windows版本下载链接，使用迅雷会很快
https://build-system.fman.io/static/public/files/Qt%20Designer%20Setup.exe
7.1 Qt Designer的基本使用
整体界面
1）创建窗口
2）设计界面布局 
3）预览效果
4）保存UI文件
按ctrl+s保存UI文件
7.2 python调用ui文件显示界面
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# @Time : 2024/4/11 21:22
# @Author : George
import sys
import os
from PyQt5.QtWidgets import QApplication
from PyQt5 import uic
if __name__ == '__main__':
app = QApplication(sys.argv)
# 调用UI设计
ui = uic.loadUi(os.path.join(os.path.expanduser("~"),'Desktop/mini_ui.ui'))
# 展示窗口
ui.show()
app.exec()显示结果：
7.3 给控件添加信号与槽
信号与槽的编辑器，但是并不建议使用因为太受限制，所以一般都是通过Qt Designer设计好了界面之后，自己在代码里面设计信号与槽
在代码里面调用设计好的控件
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# @Time : 2024/4/11 21:54
# @Author : George
import sys
from pathlib import Path
from PyQt5.QtWidgets import QApplication, QWidget, QTextBrowser
from PyQt5 import uic
class MyWindow(QWidget):
def __init__(self):
super().__init__()
self.init_UI()
def init_UI(self):
ui_path = Path.home() / "Desktop/login.ui"
self.ui = uic.loadUi(ui_path)
# print(self.ui) # ui文件中最顶层对象 Form
# print(self.ui.__dict__) # 获取当前对象的所有属性，并且按照键值对的形式呈现
# print(self.ui.label) # 最顶层对象中间嵌套的QLabel
# print(self.ui.label.text()) # label的文本
# 正文开始
self.user_name = self.ui.lineEdit
self.password = self.ui.lineEdit_2
login_btn = self.ui.pushButton_3
forget_btn = self.ui.pushButton_4
text_browser = self.ui.textBrowser
# 登录按钮绑定槽函数
login_btn.clicked.connect(self.login)
def login(self):
"""实现登录逻辑:注意获取到输入框的内容是在点击按钮时，一开始的输入框是空的"""
if self.user_name.text() == "admin" and self.password.text() == "123":
print("Login Successful")
else:
print("username or password is wrong")
if __name__ == '__main__':
app = QApplication(sys.argv)
win = MyWindow()
win.ui.show()
app.exec()
