Python入坑系列-pyside6桌面编程之button按钮
off999 2024-12-05 15:20 16 浏览 0 评论
通过本文章,可以掌握以下内容:
- pyside6 QPushButton标准按钮
- pyside6 QPushButton如何设置图标按钮
- pyside6 QPushButton如何设置按钮组
- pyside6 QPushButton如何设置按钮loading状态
一、pyside6 QPushButton标准按钮
QPushButton继承自QAbstractButton,其继承关系图如下:
按钮(或命令按钮)可能是任何图形用户界面中使用最广泛的小部件。按下(点击)按钮可以命令计算机执行某些操作或回答某个问题。典型的按钮有“确定”、“应用”、“取消”、“关闭”、“是”、“否”和“帮助”。命令按钮是矩形的,通常显示一个描述其操作的文本标签。可以通过在文本中将首选字符前置一个符号“&”来指定快捷键。
按钮可以显示一个文本标签,并可选地显示一个小图标。这些可以使用构造函数设置,稍后也可以使用setText()和setIcon()进行更改。如果按钮被禁用,则文本和图标的外观将根据 GUI 样式进行调整,使按钮看起来像“禁用”状态。当按钮通过鼠标、空格键或键盘快捷键激活时,它会发出clicked()信号。连接到这个信号来执行按钮的操作。按钮还提供不常用的信号,例如pressed()和released()。
对话框中的命令按钮默认是自动默认按钮,即当它们收到键盘输入焦点时会自动成为默认按钮。默认按钮是指用户在对话框中按Enter或Return键时激活的按钮。你可以使用 setAutoDefault()进行更改。请注意,自动默认按钮会预留一些额外的空间,这是绘制默认按钮指示器所必需的。如果不希望按钮周围有这个空间,请调用setAutoDefault(false)。
由于按钮在界面中如此重要,按钮小部件已经变得更加多样化。微软的样式指南现在显示了大约十种不同状态的Windows按钮,并暗示当考虑所有功能组合时,实际上可能有几十种状态。
构造函数
QPushButton(parent=None)
QPushButton(text, parent=None)
QPushButton(icon, text, parent=None)
文本和图标
- setText(text: str): 设置按钮的文本。
- text() -> str: 获取按钮的文本。
- setIcon(icon: QIcon): 设置按钮的图标。
- icon() -> QIcon: 获取按钮的图标。
启用和禁用
- setEnabled(enabled: bool): 启用或禁用按钮。
- isEnabled() -> bool: 检查按钮是否启用。
自动默认和默认按钮
- setAutoDefault(auto: bool): 设置按钮是否为自动默认按钮。
- autoDefault() -> bool: 检查按钮是否为自动默认按钮。
- setDefault(default: bool): 设置按钮是否为默认按钮。
- isDefault() -> bool: 检查按钮是否为默认按钮。
触发事件
- click(): 程序上触发按钮的点击事件。
- animateClick(msec: int = 100): 动画地显示按钮的点击效果。
检查按钮状态
- isChecked() -> bool: 检查按钮是否被选中(仅适用于可切换按钮)。
- setCheckable(checkable: bool): 设置按钮是否可切换。
- isCheckable() -> bool: 检查按钮是否可切换。
公共信号
- clicked(bool checked=False): 当按钮被点击时发射。对于可切换按钮,checked 参数表示按钮的选中状态。
- pressed(): 当按钮被按下时发射。
- released(): 当按钮被释放时发射。
- toggled(bool checked): 当按钮的选中状态改变时发射(仅适用于可切换按钮)。
简单示例如下:
from PySide6.QtWidgets import QApplication, QPushButton, QVBoxLayout, QWidget, QMessageBox
if __name__ == '__main__':
app = QApplication([])
# 创建主窗口
window = QWidget()
# 创建按钮并设置图标
button1 = QPushButton("简单按钮")
# 连接 QPushButton 的 clicked 信号到槽函数
button1.clicked.connect(lambda: on_button_clicked(window))
def on_button_clicked(window):
QMessageBox.information(window, "信息", "这是一个信息消息框。")
# 创建按钮并设置图标
button2 = QPushButton("禁用按钮")
button2.setEnabled(False)
# 布局管理
layout = QVBoxLayout()
layout.addWidget(button1)
layout.addWidget(button2)
window.setLayout(layout)
window.show()
app.exec()
自定义漂亮web风格按钮:
1.qss文件示例
/* 朴素按钮样式 */
QPushButton {
display: inline-block;
line-height: 1;
white-space: nowrap;
cursor: pointer;
background: #fff;
border: 1px solid #dcdfe6;
color: #606266;
text-align: center;
box-sizing: border-box;
outline: none;
margin: 0;
transition: .1s;
font-weight: 500;
padding: 12px 20px;
font-size: 14px;
border-radius: 4px;
}
/* 朴素鼠标放上去样式 */
QPushButton:hover,QPushButton:focus {
color: #409eff;
border-color: #c6e2ff;
background-color: #ecf5ff;
}
/* 朴素按压样式 */
QPushButton:pressed {
color: #3a8ee6;
border-color: #3a8ee6;
}
/* 主要按钮样式 */
QPushButton.primary {
color: #fff;
background-color: #409eff;
border-color: #409eff;
}
/* 主要按钮聚焦样式 */
QPushButton.primary:hover,QPushButton.primary:focus {
background: #66b1ff;
border-color: #66b1ff;
color: #fff;
}
/* 主要按钮按压样式 */
QPushButton.primary:pressed {
background: #3a8ee6;
border-color: #3a8ee6;
color: #fff;
}
/* 成功按钮样式 */
QPushButton.success {
color: #fff;
background-color: #67c23a;
border-color: #67c23a;
}
/* 成功按钮聚焦样式 */
QPushButton.success:hover,QPushButton.success:focus {
background: #85ce61;
border-color: #85ce61;
color: #fff;
}
/* 成功按钮按压样式 */
QPushButton.success:pressed {
background: #5daf34;
border-color: #5daf34;
color: #fff;
}
/* 信息按钮样式 */
QPushButton.info {
color: #fff;
background-color: #909399;
border-color: #909399;
}
/* 信息按钮聚焦样式 */
QPushButton.info:hover,QPushButton.info:focus {
background: #a6a9ad;
border-color: #a6a9ad;
color: #fff;
}
/* 信息按钮按压样式 */
QPushButton.info:pressed {
background: #82848a;
border-color: #82848a;
color: #fff;
}
/* 警告按钮样式 */
QPushButton.warning {
color: #fff;
background-color: #e6a23c;
border-color: #e6a23c;
}
/* 警告按钮聚焦样式 */
QPushButton.warning:hover,QPushButton.warning:focus {
background: #ebb563;
border-color: #ebb563;
color: #fff;
}
/* 警告按钮按压样式 */
QPushButton.warning:pressed {
background: #cf9236;
border-color: #cf9236;
color: #fff;
}
/* 危险按钮样式 */
QPushButton.danger {
color: #fff;
background-color: #f56c6c;
border-color: #f56c6c;
}
/* 危险按钮聚焦样式 */
QPushButton.danger:hover,QPushButton.danger:focus {
background: #f78989;
border-color: #f78989;
color: #fff;
}
/* 危险按钮按压样式 */
QPushButton.danger:pressed {
background: #dd6161;
border-color: #dd6161;
color: #fff;
}
/* 朴素圆角按钮样式 */
QPushButton.default-radius {
border-radius: 20px;
padding: 12px 23px;
}
/* 主要圆角按钮样式 */
QPushButton.primary-radius {
color: #fff;
background-color: #409eff;
border-color: #409eff;
border-radius: 20px;
padding: 12px 23px;
}
/* 主要圆角按钮聚焦样式 */
QPushButton.primary-radius:hover,QPushButton.primary-radius:focus {
background: #66b1ff;
border-color: #66b1ff;
color: #fff;
}
/* 主要圆角按钮按压样式 */
QPushButton.primary-radius:pressed {
background: #3a8ee6;
border-color: #3a8ee6;
color: #fff;
}
/* 成功圆角按钮样式 */
QPushButton-radius.success {
color: #fff;
background-color: #67c23a;
border-color: #67c23a;
border-radius: 20px;
padding: 12px 23px;
}
/* 成功圆角按钮聚焦样式 */
QPushButton.success-radius:hover,QPushButton.success-radius:focus {
background: #85ce61;
border-color: #85ce61;
color: #fff;
}
/* 成功圆角按钮按压样式 */
QPushButton.success-radius:pressed {
background: #5daf34;
border-color: #5daf34;
color: #fff;
}
/* 信息圆角按钮样式 */
QPushButton.info-radius {
color: #fff;
background-color: #909399;
border-color: #909399;
border-radius: 20px;
padding: 12px 23px;
}
/* 信息圆角按钮聚焦样式 */
QPushButton.info-radius:hover,QPushButton.info-radius:focus {
background: #a6a9ad;
border-color: #a6a9ad;
color: #fff;
}
/* 信息圆角按钮按压样式 */
QPushButton.info-radius:pressed {
background: #82848a;
border-color: #82848a;
color: #fff;
}
/* 警告圆角按钮样式 */
QPushButton.warning-radius {
color: #fff;
background-color: #e6a23c;
border-color: #e6a23c;
border-radius: 20px;
padding: 12px 23px;
}
/* 警告圆角按钮聚焦样式 */
QPushButton.warning-radius:hover,QPushButton.warning-radius:focus {
background: #ebb563;
border-color: #ebb563;
color: #fff;
}
/* 警告圆角按钮按压样式 */
QPushButton.warning-radius:pressed {
background: #cf9236;
border-color: #cf9236;
color: #fff;
}
/* 危险圆角按钮样式 */
QPushButton.danger-radius {
color: #fff;
background-color: #f56c6c;
border-color: #f56c6c;
border-radius: 20px;
padding: 12px 23px;
}
/* 危险圆角按钮聚焦样式 */
QPushButton.danger-radius:hover,QPushButton.danger-radius:focus {
background: #f78989;
border-color: #f78989;
color: #fff;
}
/* 危险圆角按钮按压样式 */
QPushButton.danger-radius:pressed {
background: #dd6161;
border-color: #dd6161;
color: #fff;
}
2.示例代码
from PySide6.QtCore import QFile, QTextStream, Qt
from PySide6.QtGui import QFont
from PySide6.QtWidgets import QApplication, QWidget, QPushButton, QVBoxLayout, QHBoxLayout, QLabel
def load_stylesheet(filename):
file = QFile(filename)
if not file.open(QFile.ReadOnly | QFile.Text):
print(f"Cannot open stylesheet file {filename}")
return ""
stream = QTextStream(file)
stylesheet = stream.readAll()
file.close()
return stylesheet
if __name__ == '__main__':
app = QApplication([])
# 创建主窗口
window = QWidget()
layout = QVBoxLayout()
font = QFont('Arial', 15, QFont.Bold)
q_label = QLabel("几种自定义的按钮样式")
q_label.setAlignment(Qt.AlignmentFlag.AlignHCenter)
q_label.setFont(font)
layout.addWidget(q_label)
default_layout = QHBoxLayout()
layout.addStretch(1)
layout.addLayout(default_layout)
layout.addStretch(1)
# 创建按钮和标签
defaultbtn = QPushButton("朴素按钮")
primarybtn = QPushButton("主要按钮")
primarybtn.setProperty("class", "primary")
successbtn = QPushButton("成功按钮")
successbtn.setProperty("class", "success")
infobtn = QPushButton("信息按钮")
infobtn.setProperty("class", "info")
warningbtn = QPushButton("警告按钮")
warningbtn.setProperty("class", "warning")
dangerbtn = QPushButton("危险按钮")
dangerbtn.setProperty("class", "danger")
# 将按钮和标签添加到布局中
default_layout.addWidget(defaultbtn)
default_layout.addWidget(primarybtn)
default_layout.addWidget(successbtn)
default_layout.addWidget(infobtn)
default_layout.addWidget(warningbtn)
default_layout.addWidget(dangerbtn)
radius_layout = QHBoxLayout()
defaultbtn_radius = QPushButton("圆角按钮")
defaultbtn_radius.setProperty("class", "default-radius")
primarybtn_radius = QPushButton("主要按钮")
primarybtn_radius.setProperty("class", "primary-radius")
sussbtn_radius = QPushButton("成功按钮")
sussbtn_radius.setProperty("class", "success-radius")
infobtn_radius = QPushButton("信息按钮")
infobtn_radius.setProperty("class", "info-radius")
warningbtn_radius = QPushButton("警告按钮")
warningbtn_radius.setProperty("class", "warning-radius")
dangerbtn_radius = QPushButton("危险按钮")
dangerbtn_radius.setProperty("class", "danger-radius")
layout.addStretch(1)
layout.addLayout(radius_layout)
layout.addStretch(1)
radius_layout.addWidget(defaultbtn_radius)
radius_layout.addWidget(primarybtn_radius)
radius_layout.addWidget(sussbtn_radius)
radius_layout.addWidget(infobtn_radius)
radius_layout.addWidget(warningbtn_radius)
radius_layout.addWidget(dangerbtn_radius)
# 加载并应用QSS样式
stylesheet = load_stylesheet("buttoncustom.qss")
app.setStyleSheet(stylesheet)
window.setMinimumSize(500,500)
# 设置窗口布局
window.setLayout(layout)
window.show()
# 运行应用程序事件循环
app.exec()
二、pyside6 设置图标按钮
通过图标按钮,可以让用户直观地理解按钮的功能,并且图标按钮通常比纯文本按钮更加美观和易于识别。Pyside6简单图标按钮,需要结合QPushButton,通过实例化QIcon参数或者实例化后使用setIcon方法设置一个自定义图标,示例如下:
from PySide6.QtWidgets import QApplication, QPushButton, QVBoxLayout, QWidget
from PySide6.QtGui import QIcon
if __name__ == '__main__':
app = QApplication([])
# 创建主窗口
window = QWidget()
window.setWindowTitle('Custom Icon Button Example')
# 创建按钮并设置图标
button = QPushButton("图标按钮")
icon = QIcon("../icons/folder.png") # 替换为你自己的图标路径
button.setIcon(icon)
button.setIconSize(icon.actualSize(window.size())) # 根据窗口大小设置图标大小
# 布局管理
layout = QVBoxLayout()
layout.addWidget(button)
window.setLayout(layout)
window.show()
app.exec()
如果需要设置圆角图标,需要通过设置border-radius样式,并通过setFixedSize方法固定按钮大小。由于border-radius无法通过百分比设置圆角,不固定按钮大小会导致圆角失效。如下:
from PySide6.QtGui import QIcon
from PySide6.QtWidgets import QApplication, QPushButton, QVBoxLayout, QWidget
if __name__ == '__main__':
app = QApplication([])
# 创建主窗口
window = QWidget()
window.setWindowTitle('Round Icon Button Example')
# 创建按钮并设置图标
button = QPushButton("")
icon = QIcon("../icons/folder.png") # 替换为你自己的图标路径
button.setIcon(icon)
button.setIconSize(icon.actualSize(window.size())) # 根据窗口大小设置图标大小
# 设置按钮的样式表以创建圆形效果
button.setStyleSheet("""
QPushButton {
border: 2px solid #8f8f91;
border-radius: 25px;
background-color: #f0f0f0;
padding: 5px;
}
QPushButton:pressed {
background-color: #d0d0d0;
}
""")
# 设置按钮大小,使其呈现圆形
button.setFixedSize(50, 50)
# 布局管理
layout = QVBoxLayout()
layout.addWidget(button)
window.setLayout(layout)
# 显示窗口
window.show()
app.exec()
三、pyside6 设置按钮组
给按钮设置分组,进行统一管理,在PySide6 中,可以使用QButtonGroup类,将多个按钮(如 QRadioButton、QCheckBox、QPushButton、QToolButton、QCommandLinkButton)组织在一起,以便更方便地管理这些按钮。QButtonGroup的使用使得按钮的管理和事件处理变得更加简单和直观,无论按钮类型如何,都可以通过同一个接口进行统一处理,示例如下:
import sys
from PySide6.QtWidgets import QApplication, QMainWindow, QRadioButton, QCheckBox, QPushButton, QButtonGroup, QVBoxLayout, QWidget, QLabel
class MainWindow(QMainWindow):
def __init__(self):
super().__init__()
# 创建主窗口的小部件和布局
central_widget = QWidget()
self.setCentralWidget(central_widget)
layout = QVBoxLayout(central_widget)
# 创建标签以显示选中的按钮
self.label = QLabel("请选择一个选项:")
layout.addWidget(self.label)
# 创建一些按钮
self.radio_button1 = QRadioButton("单选按钮1")
self.radio_button2 = QRadioButton("单选按钮2")
self.check_box = QCheckBox("复选框")
self.push_button = QPushButton("普通按钮")
# 将按钮添加到布局
layout.addWidget(self.radio_button1)
layout.addWidget(self.radio_button2)
layout.addWidget(self.check_box)
layout.addWidget(self.push_button)
# 创建按钮组
self.button_group = QButtonGroup(self)
self.button_group.addButton(self.radio_button1)
self.button_group.addButton(self.radio_button2)
self.button_group.addButton(self.check_box)
self.button_group.addButton(self.push_button)
# 连接按钮组的按钮点击信号到槽函数
self.button_group.buttonClicked.connect(self.on_button_clicked)
def on_button_clicked(self, button):
# 更新标签以显示选中的按钮
self.label.setText(f"你点击了: {button.text()}")
if __name__ == "__main__":
app = QApplication(sys.argv)
window = MainWindow()
window.show()
sys.exit(app.exec())
四、pyside6 设置加载状态
Pyside6默认没有状态按钮,可以通过将一个动画(如GIF)添加到按钮上来实现一个加载按钮。这种按钮在执行某些需要时间的操作(例如数据加载、文件处理、网络请求等)时,可以显示一个加载动画,提供视觉反馈,让用户知道程序正在处理任务。示例如下:
from PySide6.QtWidgets import QApplication, QPushButton, QVBoxLayout, QWidget
from PySide6.QtGui import QIcon, QMovie
if __name__ == '__main__':
app = QApplication([])
# 创建主窗口
window = QWidget()
window.setWindowTitle('Custom Icon Button Example')
# 创建按钮并设置图标
button = QPushButton("加载按钮")
loading_movie = QMovie("../icons/loading.gif") # 替换为你自己的加载动画文件的路径
loading_movie.setScaledSize(button.size()) # 将动画大小调整为按钮大小
loading_movie.start()
button.setIcon(QIcon(loading_movie.currentPixmap()))
# 将loading_movie.frameChanged信号连接到一个更新按钮图标的匿名函数,需要用插槽才能保持gif图片动态显示
loading_movie.frameChanged.connect(lambda: button.setIcon(QIcon(loading_movie.currentPixmap())))
# 布局管理
layout = QVBoxLayout()
layout.addWidget(button)
window.setLayout(layout)
window.show()
app.exec()
相关推荐
- 让 Python 代码飙升330倍:从入门到精通的四种性能优化实践
-
花下猫语:性能优化是每个程序员的必修课,但你是否想过,除了更换算法,还有哪些“大招”?这篇文章堪称典范,它将一个普通的函数,通过四套组合拳,硬生生把性能提升了330倍!作者不仅展示了“术”,更传授...
- 7 段不到 50 行的 Python 脚本,解决 7 个真实麻烦:代码、场景与可复制
-
“本文整理自开发者AbdurRahman在Stackademic的真实记录,所有代码均经过最小化删减,确保在50行内即可运行。每段脚本都对应一个日常场景,拿来即用,无需额外依赖。一、在朋...
- Python3.14:终于摆脱了GIL的限制
-
前言Python中最遭人诟病的设计之一就是GIL。GIL(全局解释器锁)是CPython的一个互斥锁,确保任何时刻只有一个线程可以执行Python字节码,这样可以避免多个线程同时操作内部数据结...
- Python Web开发实战:3小时从零搭建个人博客
-
一、为什么选Python做Web开发?Python在Web领域的优势很突出:o开发快:Django、Flask这些框架把常用功能都封装好了,不用重复写代码,能快速把想法变成能用的产品o需求多:行业...
- 图解Python编程:从入门到精通系列教程(附全套速查表)
-
引言本系列教程展开讲解Python编程语言,Python是一门开源免费、通用型的脚本编程语言,它上手简单,功能强大,它也是互联网最热门的编程语言之一。Python生态丰富,库(模块)极其丰富,这使...
- Python 并发编程实战:从基础到实战应用
-
并发编程是提升Python程序效率的关键技能,尤其在处理多任务场景时作用显著。本文将系统介绍Python中主流的并发实现方式,帮助你根据场景选择最优方案。一、多线程编程(threading)核...
- 吴恩达亲自授课,适合初学者的Python编程课程上线
-
吴恩达教授开新课了,还是亲自授课!今天,人工智能著名学者、斯坦福大学教授吴恩达在社交平台X上发帖介绍了一门新课程——AIPythonforBeginners,旨在从头开始讲授Python...
- Python GUI 编程:tkinter 初学者入门指南——Ttk 小部件
-
在本文中,将介绍Tkinter.ttk主题小部件,是常规Tkinter小部件的升级版本。Tkinter有两种小部件:经典小部件、主题小部件。Tkinter于1991年推出了经典小部件,...
- Python turtle模块编程实践教程
-
一、模块概述与核心概念1.1turtle模块简介定义:turtle是Python标准库中的2D绘图模块,基于Logo语言的海龟绘图理念实现。核心原理:坐标系系统:原点(0,0)位于画布中心X轴:向右...
- Python 中的asyncio 编程入门示例-1
-
Python的asyncio库是用于编写并发代码的,它使用async/await语法。它为编写异步程序提供了基础,通过非阻塞调用高效处理I/O密集型操作,适用于涉及网络连接、文件I/O...
- 30天学会Python,开启编程新世界
-
在当今这个数字化无处不在的时代,Python凭借其精炼的语法架构、卓越的性能以及多元化的应用领域,稳坐编程语言排行榜的前列。无论是投身于数据分析、人工智能的探索,还是Web开发的构建,亦或是自动化办公...
- Python基础知识(IO编程)
-
1.文件读写读写文件是Python语言最常见的IO操作。通过数据盘读写文件的功能都是由操作系统提供的,读写文件就是请求操作系统打开一个文件对象(通常称为文件描述符),然后,通过操作系统提供的接口从这个...
- Python零基础到精通,这8个入门技巧让你少走弯路,7天速通编程!
-
Python学习就像玩积木,从最基础的块开始,一步步搭建出复杂的作品。我记得刚开始学Python时也是一头雾水,走了不少弯路。现在回头看,其实掌握几个核心概念,就能快速入门这门编程语言。来聊聊怎么用最...
- 一文带你了解Python Socket 编程
-
大家好,我是皮皮。前言Socket又称为套接字,它是所有网络通信的基础。网络通信其实就是进程间的通信,Socket主要是使用IP地址,协议,端口号来标识一个进程。端口号的范围为0~65535(用户端口...
- Python-面向对象编程入门
-
面向对象编程是一种非常流行的编程范式(programmingparadigm),所谓编程范式就是程序设计的方法论,简单的说就是程序员对程序的认知和理解以及他们编写代码的方式。类和对象面向对象编程:把...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- python计时 (73)
- python安装路径 (56)
- python类型转换 (93)
- python进度条 (67)
- python吧 (67)
- python的for循环 (65)
- python格式化字符串 (61)
- python静态方法 (57)
- python列表切片 (59)
- python面向对象编程 (60)
- python 代码加密 (65)
- python串口编程 (77)
- python封装 (57)
- python写入txt (66)
- python读取文件夹下所有文件 (59)
- python操作mysql数据库 (66)
- python获取列表的长度 (64)
- python接口 (63)
- python调用函数 (57)
- python多态 (60)
- python匿名函数 (59)
- python打印九九乘法表 (65)
- python赋值 (62)
- python异常 (69)
- python元祖 (57)