如何使pygame中的按钮显示和更新图像？

Question

我想在pygame中制作一个按钮。它应该在每次点击时显示三个新图像。一切正常，除非这些图像只在点击按钮时出现。显示图像的代码如下，它是一个更大的while循环的一部分，现在持续无限。我怎样才能让图像保持到再次按下按钮并出现新图像？任何帮助表示赞赏，在此先感谢。

mouse = pygame.mouse.get_pos() 
    click = pygame.mouse.get_pressed() 

    element = -1 
    if 1120 > mouse [0] > 865 and 330 > mouse [1] > 250: 
     screen.blit (dice_button_light, (870, 250)) 

     if click [0] == 1: 
      dice_choices = Dice.dice_choice() 
      print(dice_choices) 


      element = -1 
      for i in dice_choices: 
       element += 1 
       x = 750 
       if element == 1: 
        x += 100 
       if element == 2: 
        x += 200 
       if i == 1: 
        screen.blit (dice1,(x,100)) 
       elif i == 2: 
        screen.blit (dice2,(x,100)) 
       elif i == 3: 
        screen.blit (dice3,(x,100)) 
       elif i == 4: 
        screen.blit (dice4,(x,100)) 
       elif i == 5: 
        screen.blit (dice5,(x,100)) 
       elif i == 6: 
        screen.blit (dice6,(x,100)) 


    else: 
     screen.blit (dice_button, (870, 250)) 

Answer 1

要通过不同的图像周期，你可以把它们放入一个列表，只要单击该按钮RECT，增加的index变量表示当前图像。在你的while循环中，只需使用索引从列表中获取正确的图像即可。

import sys 
import pygame as pg 


# Three images. 
IMG1 = pg.Surface((100, 100)) 
IMG1.fill((240, 240, 240)) 
pg.draw.circle(IMG1, (0, 0, 0), (50, 50), 10) 
IMG2 = pg.Surface((100, 100)) 
IMG2.fill((240, 240, 240)) 
pg.draw.circle(IMG2, (0, 0, 0), (25, 25), 10) 
pg.draw.circle(IMG2, (0, 0, 0), (75, 75), 10) 
IMG3 = pg.Surface((100, 100)) 
IMG3.fill((240, 240, 240)) 
pg.draw.circle(IMG3, (0, 0, 0), (20, 20), 10) 
pg.draw.circle(IMG3, (0, 0, 0), (50, 50), 10) 
pg.draw.circle(IMG3, (0, 0, 0), (80, 80), 10) 
# Put the images into a list or tuple. 
IMAGES = [IMG1, IMG2, IMG3] 


def main(): 
    screen = pg.display.set_mode((640, 480)) 
    clock = pg.time.Clock() 
    bg_color = pg.Color(30, 40, 60) 
    # Use this rect for the collision detection and blitting. 
    img_rect = IMG1.get_rect(topleft=(200, 200)) 
    img_index = 0 
    done = False 

    while not done: 
     for event in pg.event.get(): 
      if event.type == pg.QUIT: 
       done = True 
      if event.type == pg.MOUSEBUTTONDOWN: 
       if img_rect.collidepoint(event.pos): 
        img_index += 1 
        # Modulo to cycle between 0, 1, 2. 
        img_index %= len(IMAGES) 

     screen.fill(bg_color) 
     # Use the index to get the current image and blit 
     # it at the img_rect (topleft) position. 
     screen.blit(IMAGES[img_index], img_rect) 

     pg.display.flip() 
     clock.tick(30) 


if __name__ == '__main__': 
    pg.init() 
    main() 
    pg.quit() 
    sys.exit()