PyGame窗口中按钮随摄像头开启反复消失出现问题求助

问题根源 #

1. 事件处理分散：主循环和draw_window函数中都调用了pygame.event.get()，导致事件被拆分处理，部分帧无法触发按钮更新。
2. 按钮绘制依赖事件：按钮的update()和draw()被嵌套在事件循环内部，只有当有事件（如鼠标移动、点击）发生时才会执行，无事件的帧按钮不会被绘制，引发闪烁。
3. Sprite类使用错误：Button类的update()方法直接在窗口绘制元素，而非更新自身的image属性，破坏了Pygame Sprite的渲染流程。
4. 重复刷新屏幕：主循环和draw_window中都调用了pygame.display.update()，导致画面刷新逻辑混乱。

修复后的完整代码 #

import pygame 
import cv2

pygame.init()

# 窗口设置
WIDTH, HEIGHT = 1280, 720
WINDOW = pygame.display.set_mode((WIDTH, HEIGHT))
pygame.display.set_caption("PANIC")

# 背景色
color = "black"

# 摄像头初始化
camera = cv2.VideoCapture(0)
camera.set(cv2.CAP_PROP_FRAME_WIDTH, 1200)
camera.set(cv2.CAP_PROP_FRAME_HEIGHT, 1000)

# 按钮组
buttons = pygame.sprite.Group()

def not_hover():
    for btn in buttons:
        btn.colors = "red on yellow"

# 重构Button类：遵循Sprite标准流程，将绘制内容存入自身image属性
class Button(pygame.sprite.Sprite):
    def __init__(self, position, text, size, colors="white on blue"):
        super().__init__()
        self.colors = colors
        self.fg, self.bg = self.colors.split(" on ")
        self.font = pygame.font.SysFont("Arial", size)
        self.text = text
        self.position = position
        # 初始化image和rect
        self.update()
        buttons.add(self)

    def update(self):
        self.fg, self.bg = self.colors.split(" on ")
        # 渲染文本
        text_render = self.font.render(self.text, 1, self.fg)
        # 创建带边框的按钮图像
        self.image = pygame.Surface((text_render.get_width(), text_render.get_height()))
        self.image.fill(self.bg)
        # 绘制边框
        pygame.draw.line(self.image, (150, 150, 150), (0, 0), (self.image.get_width(), 0), 5)
        pygame.draw.line(self.image, (150, 150, 150), (0, 0), (0, self.image.get_height()), 5)
        pygame.draw.line(self.image, (50, 50, 50), (0, self.image.get_height()-1), (self.image.get_width(), self.image.get_height()-1), 5)
        pygame.draw.line(self.image, (50, 50, 50), (self.image.get_width()-1, 0), (self.image.get_width()-1, self.image.get_height()-1), 5)
        # 绘制文本
        self.image.blit(text_render, (0, 0))
        # 更新rect位置
        self.rect = self.image.get_rect(topleft=self.position)

# 绘制窗口内容的函数
def draw_window():
    # 填充背景
    WINDOW.fill(color)
    # 绘制摄像头画面
    success, image = camera.read()
    if success:
        camera_surf = pygame.image.frombuffer(image.tobytes(), image.shape[1::-1], "BGR")
        WINDOW.blit(camera_surf, (0,0))
    # 更新并绘制按钮（每帧都执行）
    buttons.update()
    buttons.draw(WINDOW)
    # 刷新屏幕
    pygame.display.update()

FPS = 30
def mainWindow():
    run = True 
    clock = pygame.time.Clock()
    # 创建按钮
    b0 = Button((800, 10), "SWITCH ON", 55, "red on yellow")
    b1 = Button((800, 100), "SWITCH OFF", 55, "red on yellow")

    while run: 
        clock.tick(FPS)
        
        # 统一处理所有事件
        for event in pygame.event.get():
            if event.type == pygame.QUIT:
                run = False
            elif event.type == pygame.MOUSEMOTION:
                mouse_pos = pygame.mouse.get_pos()
                # 重置所有按钮状态
                not_hover()
                # 检查鼠标悬停
                if b0.rect.collidepoint(mouse_pos):
                    b0.colors = "red on green"
                elif b1.rect.collidepoint(mouse_pos):
                    b1.colors = "red on green"
            elif event.type == pygame.MOUSEBUTTONDOWN:
                mouse_pos = pygame.mouse.get_pos()
                if b0.rect.collidepoint(mouse_pos):
                    print("ON")
                if b1.rect.collidepoint(mouse_pos):
                    print("OFF")
                        
        draw_window()
        
    camera.release()
    pygame.quit()

# 启动程序
mainWindow()

关键修改说明 #

• 统一事件处理：所有事件逻辑移到主循环，确保每帧的事件都被完整处理，避免事件分流导致的按钮状态异常。
• Sprite规范重构：Button类的update()方法生成自身的image，由buttons.draw()统一绘制，保证每帧都会渲染按钮，解决无事件时按钮消失的问题。
• 移除重复刷新：只在draw_window中调用一次pygame.display.update()，避免画面刷新冲突。
• 优化悬停逻辑：先重置所有按钮状态，再检查鼠标悬停，避免按钮状态混乱。

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