如何在Pygame中实现按钮点击时切换显示图片？

你的问题出在Button类只保存了初始状态的图片，没有维护点击状态对应的图片资源，也没有根据交互状态切换显示的图片。下面是修改后的实现：

修改思路 #

• 在Button类初始化时，同时传入正常状态和按下状态的两张图片，都做好缩放处理并保存为实例属性
• 在draw方法中，根据鼠标是否在按钮区域内且按下，动态选择要绘制的图片
• 优化点击逻辑，确保状态切换准确

修改后的完整代码 #

import pygame

# 加载按钮图片（注意路径用双反斜杠或原始字符串，避免转义问题）
SpawnButtonImg = pygame.image.load("images\\SpawnButton.png")
SpawnButtonPressedImg = pygame.image.load("images\\SpawnButtonPressed.png")

# Button类
class Button():
    def __init__(self, x, y, normal_img, pressed_img, scale):
        # 处理正常状态图片
        normal_width = normal_img.get_width()
        normal_height = normal_img.get_height()
        self.normal_image = pygame.transform.scale(normal_img, (int(normal_width * scale), int(normal_height * scale)))
        # 处理按下状态图片
        pressed_width = pressed_img.get_width()
        pressed_height = pressed_img.get_height()
        self.pressed_image = pygame.transform.scale(pressed_img, (int(pressed_width * scale), int(pressed_height * scale)))
        # 初始化矩形区域（用正常图的尺寸，确保两张图尺寸一致）
        self.rect = self.normal_image.get_rect()
        self.rect.topleft = (x, y)
        self.clicked = False

    def draw(self, screen):
        action = False
        pos = pygame.mouse.get_pos()
        # 默认显示正常图片
        current_img = self.normal_image

        # 检查鼠标是否在按钮上
        if self.rect.collidepoint(pos):
            # 鼠标按下时切换为按下图片
            if pygame.mouse.get_pressed()[0] == 1:
                current_img = self.pressed_image
                if not self.clicked:
                    self.clicked = True
                    action = True
            # 鼠标松开时重置状态
            else:
                self.clicked = False

        # 绘制当前状态的图片
        screen.blit(current_img, (self.rect.x, self.rect.y))
        return action

# 创建按钮实例，传入两张图片
SpawnButton = Button(1760, 1000, SpawnButtonImg, SpawnButtonPressedImg, 1)

def ButtonPress():
    if SpawnButton.draw(screen):
        print('SPAWN')

关键修改点说明 #

1. 初始化时传入两张图片：把正常和按下状态的图片都传入类中，预先缩放好，避免每次绘制时重复计算
2. 动态切换图片：在draw方法里根据鼠标状态选择要显示的图片，鼠标在按钮上且按下时显示按下图，否则显示正常图
3. 路径转义问题：图片路径建议用双反斜杠\\或原始字符串r"images\SpawnButton.png"，防止Windows系统下的路径转义错误

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