Pygame 单击时不绘制矩形

Question

我是 pygame 的新手，我正在制作一个简单的游戏。 在这段代码中，我试图在鼠标位于某个 position 时绘制一个矩形，但是当我打印任何内容时它没有绘制它

import pygame

pygame.init()

res = (600,600)

screen = pygame.display.set_mode(res)

pygame.display.set_caption("Tic Tac Toe")

background = (255,150,150)

color_light = (170,170,170)

color_dark = (100,100,100)

hover_color = (255, 204, 203)

width = screen.get_width()

height = screen.get_height()

def draw_line():

    pygame.draw.rect(screen, line_color, (190,10,10,580))
    pygame.draw.rect(screen, line_color, (390, 10, 10, 580))
    pygame.draw.rect(screen, line_color, (10, 200, 580, 10))
    pygame.draw.rect(screen, line_color, (10, 390, 580, 10))



def highlight():

    if 10 <= mouse[0] <= 10+180 and 10 <= mouse[1] <= 10+190:
        pygame.draw.rect(screen, hover_color, (10, 10, 180, 190))  # X,Y,WIDTH,HEIGHT

    if 205 <= mouse[0] <= 205+180 and 10 <= mouse[1] <= 10+190:
        pygame.draw.rect(screen, hover_color, (200, 10, 190, 190))  # X,Y,WIDTH,HEIGHT

    if 400 <= mouse[0] <= 400+190 and 10 <= mouse[1] <= 10+190:
        pygame.draw.rect(screen, hover_color, (400, 10, 190, 190))  # X,Y,WIDTH,HEIGHT

    if 10 <= mouse[0] <= 10+180 and 210 <= mouse[1] <= 210+180:
        pygame.draw.rect(screen, hover_color, (10, 210, 180, 180))  # X,Y,WIDTH,HEIGHT

    if 200 <= mouse[0] <= 200+180 and 210 <= mouse[1] <= 210+180:
        pygame.draw.rect(screen, hover_color, (200, 210, 200, 180))  # X,Y,WIDTH,HEIGHT

    if 400 <= mouse[0] <= 400+190 and 210 <= mouse[1] <= 210+180:
        pygame.draw.rect(screen, hover_color, (400, 210, 190, 180))  # X,Y,WIDTH,HEIGHT

    if 10 <= mouse[0] <= 10+180 and 400 <= mouse[1] <= 400+200:
        pygame.draw.rect(screen, hover_color, (10, 400, 180, 190))  # X,Y,WIDTH,HEIGHT

    if 200 <= mouse[0] <= 200+190 and 400 <= mouse[1] <= 400+200:
        pygame.draw.rect(screen, hover_color, (200, 400, 190, 190))  # X,Y,WIDTH,HEIGHT

    if 400 <= mouse[0] <= 400+190 and 400 <= mouse[1] <= 400+190:
        pygame.draw.rect(screen, hover_color, (400, 400, 190, 190))  # X,Y,WIDTH,HEIGHT



while True:

    screen.fill(background)

    mouse = pygame.mouse.get_pos()
    for ev in pygame.event.get():
        if ev.type == pygame.QUIT:
            pygame.quit()
        if ev.type == pygame.MOUSEBUTTONDOWN:
            if 10 <= mouse[0] <= 10 + 180 and 10 <= mouse[1] <= 10 + 190:
                pygame.draw.rect(screen,background,(10,10,180,190))
                pygame.display.update()
    line_color = (212, 212, 255)
    draw_line()
    highlight()
    pygame.display.update()

Answer 1

要使矩形永久化，您需要在应用程序循环中绘制矩形。 该事件在单个帧中仅发生一次。 添加一个变量clicked = False 。 在事件发生时设置变量。 并根据变量的 state 绘制矩形：

clicked = False
while True:

    screen.fill(background)

    mouse = pygame.mouse.get_pos()
    for ev in pygame.event.get():
        if ev.type == pygame.QUIT:
            pygame.quit()
        if ev.type == pygame.MOUSEBUTTONDOWN:
            if 10 <= mouse[0] <= 10 + 180 and 10 <= mouse[1] <= 10 + 190:
                clicked = True
    line_color = (212, 212, 255)
    draw_line()
    highlight()
    if clicked:
        pygame.draw.rect(screen,background,(10,10,180,190))
    pygame.display.update()

---

简化您的代码：

• 为矩形创建一个pygame.Rect对象列表

  rect_list = [pygame.Rect(10, 10, 180, 190), ...]

• 为所述字段创建列表

  clicked_list = [0 for _ in rect_list]

• 使用collideponit测试鼠标是否在矩形上：

   for rect in rect_list: if rect.collidepoint(mouse): pygame.draw.rect(screen, hover_color, rect)

• 使用collidepoint判断一个字段是否被点击，并改变该字段的state

   if ev.type == pygame.MOUSEBUTTONDOWN: for i, rect in enumerate(rect_list): if rect.collidepoint(ev.pos): clicked_list[i] = 1

• 根据其 state 在循环中绘制该字段：

   for i, rect in enumerate(rect_list): if clicked_list[i]: pygame.draw.rect(screen,background,rect)

完整代码：

import pygame
pygame.init()

res = (600,600)
screen = pygame.display.set_mode(res)
pygame.display.set_caption("Tic Tac Toe")

background = (255,150,150)
color_light = (170,170,170)
color_dark = (100,100,100)
hover_color = (255, 204, 203)
width = screen.get_width()
height = screen.get_height()

def draw_line():

    pygame.draw.rect(screen, line_color, (190,10,10,580))
    pygame.draw.rect(screen, line_color, (390, 10, 10, 580))
    pygame.draw.rect(screen, line_color, (10, 200, 580, 10))
    pygame.draw.rect(screen, line_color, (10, 390, 580, 10))

rect_list = [
    pygame.Rect(10, 10, 180, 190),
    pygame.Rect(200, 10, 180, 190),
    pygame.Rect(400, 10, 180, 190),
    pygame.Rect(10, 210, 180, 190),
    pygame.Rect(200, 210, 180, 190),
    pygame.Rect(400, 210, 180, 190),
    pygame.Rect(10, 400, 180, 190),
    pygame.Rect(200, 400, 180, 190),
    pygame.Rect(400, 400, 180, 190)]
clicked_list = [0 for _ in rect_list]

def highlight():
    for rect in rect_list:
        if rect.collidepoint(mouse):
            pygame.draw.rect(screen, hover_color, rect)

while True:
    mouse = pygame.mouse.get_pos()
    for ev in pygame.event.get():
        if ev.type == pygame.QUIT:
            pygame.quit()
        if ev.type == pygame.MOUSEBUTTONDOWN:
            for i, rect in enumerate(rect_list):
                if rect.collidepoint(ev.pos):
                    clicked_list[i] = 1
    
    line_color = (212, 212, 255)
    screen.fill(background)
    draw_line()
    highlight()
    for i, rect in enumerate(rect_list):
        if clicked_list[i] == 1:
            pygame.draw.rect(screen,background,rect)
    pygame.display.update()