如何让PyQt5中QPushButton的图标随按钮按下状态改变颜色

你当前的代码只给QIcon设置了Normal和Disabled状态的图标，但完全没处理**Pressed（按钮按下）**状态，这就是按下时图标没变化的核心原因。下面给你几种实用的实现方案：

方案1：添加Pressed状态的独立图标（最简单直接） #

如果你已经准备了按下状态的专属图标文件（比如Example_pressed.png），只需要给QIcon补充对应状态的像素图即可：

self.example_button = QtWidgets.QPushButton(self.centralwidget)
self.example_button.setGeometry(QtCore.QRect(530, 650, 70, 70))
self.example_button.setObjectName("Example")
icon = QIcon()
# 正常状态图标
icon.addPixmap(QPixmap('./symbols/Example.png'), QIcon.Normal)
# 按下状态图标
icon.addPixmap(QPixmap('./symbols/Example_pressed.png'), QIcon.Pressed)
# 禁用状态图标
icon.addPixmap(QPixmap('./symbols/Example.png'), QIcon.Disabled)
self.read_style("circular_push_button.css", self.example_button)
self.example_button.setIcon(icon)
size = QSize(62, 62)
self.example_button.setIconSize(size)

这种方式直观易维护，每个状态的视觉效果完全由你控制，适合需要复杂样式的场景。

方案2：动态修改图标颜色（无需额外图标文件） #

如果不想制作多个图标文件，可以通过代码动态给图标染色，结合按钮的pressed和released信号切换状态：

from PyQt5.QtGui import QPixmap, QIcon, QColor, QPainter

def color_pixmap(pixmap, target_color):
    # 创建可编辑的像素图副本
    colored_pixmap = pixmap.copy()
    painter = QPainter(colored_pixmap)
    # 设置混合模式，仅修改非透明区域的颜色
    painter.setCompositionMode(QPainter.CompositionMode_SourceIn)
    painter.fillRect(colored_pixmap.rect(), target_color)
    painter.end()
    return colored_pixmap

# 初始化按钮
self.example_button = QtWidgets.QPushButton(self.centralwidget)
self.example_button.setGeometry(QtCore.QRect(530, 650, 70, 70))
self.example_button.setObjectName("Example")
self.read_style("circular_push_button.css", self.example_button)

# 加载原始图标并生成不同状态版本
original_pixmap = QPixmap('./symbols/Example.png')
pressed_color = QColor(100, 100, 100)  # 按下时的颜色（深灰色）
self.normal_icon = QIcon(original_pixmap)
self.pressed_icon = QIcon(color_pixmap(original_pixmap, pressed_color))

self.example_button.setIcon(self.normal_icon)
size = QSize(62, 62)
self.example_button.setIconSize(size)

# 连接信号切换图标
self.example_button.pressed.connect(lambda: self.example_button.setIcon(self.pressed_icon))
self.example_button.released.connect(lambda: self.example_button.setIcon(self.normal_icon))

这个方法只需要一个原始图标，通过代码动态生成不同状态的颜色版本，能减少资源文件的数量。

方案3：用样式表控制（适合SVG图标） #

如果你的图标是SVG格式，可以直接通过CSS样式表修改颜色，利用按钮的伪状态实现切换：
先确保按钮使用SVG图标（比如Example.svg），然后在你的circular_push_button.css中添加：

#Example {
    qproperty-icon: url(./symbols/Example.svg);
    qproperty-iconSize: 62px 62px;
}
#Example:pressed {
    /* 通过滤镜调整亮度实现变暗效果，也可以用其他滤镜修改颜色 */
    filter: brightness(0.7);
}

这种方式最简洁，完全通过样式表控制状态，适合使用矢量图标的场景。

内容的提问来源于stack exchange，提问作者Karam