PyQt QPushButton点击切换状态

按钮可以有多个状态,点击切换或者代码修改状态可以改变图标,而且鼠标经过显示当前状态图标的hover状态图标,鼠标移走恢复normal状态。
刚开始使用setIcon实现切换的,但是这个方法老是不刷新,所以改用重绘的方式实现。
如果需要实现点击按钮切换图标,只需要连接clicked信号,然后调用setState()方法。通过代码修改也是一样调用setState()。state()方法可以访问当前的状态值。

from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
import os

'''
图标切换按钮
根据不同的状态切换图标,可以支持多个状态
'''
class StateIconButton(QPushButton):
    # 是否是hover状态
    __isHover = False
    '''
    parent 父容器
    buttons 按钮图片[('./stateIconButton/images/001.png','./stateIconButton/images/001Hover.png'),] 
    defaultState 默认状态
    '''
    def __init__(self,parent,buttons,defaultState = 0):
        super(StateIconButton, self).__init__(parent)
        # 全部转为pixmap
        self.pixmapArray = []
        for btnTuple in buttons:
            self.pixmapArray.append((QPixmap(os.getcwd()+btnTuple[0]),QPixmap(os.getcwd()+btnTuple[1])))
        # 保存按钮的状态
        self.__state = defaultState
        defaultPixMap = self.pixmapArray[defaultState][0]
        self.setFixedSize(defaultPixMap.size())
        self.setStyleSheet('border:0px;')
        self.setCursor(Qt.PointingHandCursor)

    def enterEvent(self, event):
        self.__isHover = True

    def leaveEvent(self, event):
        self. __isHover = False

    def setState(self,state):
        self.__state = state
        # 需要手动调用update
        self.update()

    def state(self):
        return self.__state

    def paintEvent(self, event):
        painter = QPainter()
        painter.begin(self)
        painter.drawPixmap(0,0,self.pixmapArray[self.__state][1 if self.__isHover else 0])
        painter.end()

测试效果
在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
首先,我们需要准备两张图片,一张是按钮正常状态下的背景图,另一张是按钮被点击时的背景图。假设这两张图片分别为 `normal.png` 和 `clicked.png`。 接下来,我们需要创建一个 `QPushButton` 控件,并设置默认背景图为 `normal.png`。然后,在 `.qss` 文件中,定义按钮被点击时的背景图为 `clicked.png`。最后,将 `.qss` 文件应用到应用程序中即可。 以下是示例代码: ```python import sys from PyQt5.QtWidgets import QApplication, QPushButton from PyQt5.QtGui import QPixmap app = QApplication(sys.argv) # 创建按钮控件 button = QPushButton() button.setFixedSize(100, 50) # 设置默认背景图 pixmap = QPixmap("normal.png") button.setIcon(pixmap) button.setIconSize(button.size()) # 定义 .qss 样式 qss_style = """ QPushButton { border: none; background-color: transparent; } QPushButton:hover { background-color: rgba(0, 0, 0, 0.1); } QPushButton:pressed { background-image: url("clicked.png"); background-repeat: no-repeat; background-position: center; } """ # 将 .qss 样式应用到应用程序中 app.setStyleSheet(qss_style) # 显示按钮控件 button.show() sys.exit(app.exec_()) ``` 注意,`.qss` 文件中使用的背景图路径需要相对于当前工作目录。如果你的图片不在当前工作目录下,需要修改路径。另外,`.qss` 样式中的 `background-color` 和 `background-image` 样式需要同时设置,否则在按钮被点击时,背景色会变成默认的灰色。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值