[已解决]请问怎么将图片绘制到指定位置上，并且点击还能有响应

学习中...

请问怎么将图片绘制到指定位置上，就是我之前载入了一个按钮图片，然后想用户在点击“2048”这个按钮时，把窗口变大，可是当我点击的时候出了问题：
我为了测试，就如果点击了“2048”按钮，就打印1，如果按钮到了“小小贪吃蛇”按钮，就打印2。然后当我点击“小小贪吃蛇”按钮时，不能打印2。

请问怎么指定位置去绘制图片呢？

代码如下：

1. import pygame
   
2. import sys
   
3. from pygame.locals import *
   
4. 
   
5. #模块初始化
   
6. pygame.init()
   
7. pygame.mixer.init()
   
8. 
   
9. #创建窗口
   
10. bg_size = width,height = 800,500
    
11. bg_size1 = width,height = 1000,1000
    
12. screen = pygame.display.set_mode(bg_size)
    
13. 
    
14. #背景图片
    
15. background = pygame.image.load("images/background.png").convert()
    
16. 
    
17. #创建窗口标题
    
18. pygame.display.set_caption("GAME_OF_THE_ALL")
    
19. 
    
20. 
    
21. BLUE = (0,0,255)
    
22. 
    
23. #载入图片
    
24. two_zero_four_eight = pygame.image.load("images/2048.png").convert_alpha()
    
25. small_snake = pygame.image.load("images/小小贪吃蛇.png").convert_alpha()
    
26. while True:
    
27.     for event in pygame.event.get():
    
28.         if event.type == QUIT:
    
29.             pygame.quit()
    
30.             sys.exit()
    
31.         #判断事件类型是不是鼠标
    
32.         if event.type == pygame.MOUSEBUTTONDOWN:
    
33.             #如果是的话，判断鼠标是否被按下
    
34.             if pygame.mouse.get_pressed()[0]:
    
35.                 #如果被按下，则获取鼠标坐标
    
36.                 pos = pygame.mouse.get_pos()
    
37.                 #如果鼠标按键按到了“2048”的按钮上，则做出响应，并且打印1
    
38.                 if two_zero_four_eight_rect.left < pos[0] < two_zero_four_eight_rect.right and two_zero_four_eight_rect.top < pos[1] < two_zero_four_eight_rect.bottom:
    
39.                     screen = pygame.display.set_mode(bg_size1)
    
40.                     print(1)
    
41.                 #如果按到“小小贪吃蛇”按钮上，就打印2
    
42.                 elif small_snake_rect.left < pos[0] < small_snake_rect.right and small_snake_rect.top < pos[1] < small_snake_rect.bottom:
    
43.                     print(2)
    
44. 
    
45.     screen_rect = screen.get_rect()
    
46.     two_zero_four_eight_rect = two_zero_four_eight.get_rect()
    
47.     two_zero_four_eight_rect.centerx = screen_rect.centerx
    
48.     two_zero_four_eight_rect.centery = screen_rect.centery
    
49.     small_snake_rect = small_snake.get_rect()
    
50.     small_snake_rect.centerx = screen_rect.centerx
    
51.     small_snake_rect.centery = screen_rect.centery
    
52.     #绘制背景
    
53.     screen.blit(background,(0,0))
    
54.     #绘制图片
    
55.     screen.blit(small_snake,(40,30))
    
56.     screen.blit(two_zero_four_eight,two_zero_four_eight_rect)
    
57.     #刷新
    
58.     pygame.display.update()
    
59.    
    
60. if __name__ == "__main__":
    
61.     try:
    
62.         main()
    
63.     except SystemExit:
    
64.         pass
    
65.     except:
    
66.         traceback.print_exc()
    
67.         pygame.quit()
    
68.         input()
    
69. 
    

复制代码

最佳答案

月排行榜 / 总排行榜

阿奇_o

2021-6-10 18:30:10

这种一般要用pygame.sprite.Sprite类（动画精灵），你再稍微改一下，即可：

1. import sys
   
2. import pygame
   
3. 
   
4. class ImgSpite(pygame.sprite.Sprite):
   
5.     def __init__(self, img_obj, img_name, x, y):
   
6.         super().__init__()
   
7.         self.image = img_obj
   
8.         self.name = img_name
   
9.         self.rect = self.image.get_rect(center=(x,y))
   
10.         # self.clicked = False
    
11.    
    
12.     def clicked_test(self, event_list):
    
13.         for event in event_list:
    
14.             if event.type == pygame.MOUSEBUTTONDOWN:   # 判断鼠标是否被按下（注：鼠标有三个键哦）
    
15.                 # p1, p2, p3 = pygame.mouse.get_pressed()
    
16. 
    
17.                 if self.rect.collidepoint(event.pos):  # 判断点击区域是否在其区域内
    
18.                     print(self.name, "被点击了！")
    
19. 
    
20. # 初始化
    
21. pygame.init()
    
22. 
    
23. # 背景 与 屏幕大小
    
24. bg = pygame.image.load("background.png")
    
25. sw, sh = bg.get_width(), bg.get_height()
    
26. screen = pygame.display.set_mode((sw, sh))
    
27. 
    
28. # 元素图片精灵
    
29. t2048 = ImgSpite(pygame.image.load("2048_0.1x.png"), 't2048', 100, 200)
    
30. snake = ImgSpite(pygame.image.load("snake_0.1x.png"),'snake', 300, 200)
    
31. 
    
32. group = pygame.sprite.Group([t2048, snake]) # 放到“精灵组”里，才方便监测碰撞
    
33. # group.add() # 图片精灵可以单独添加进去
    
34. 
    
35. 
    
36. while True:
    
37.     event_list = pygame.event.get() # 获取全部事件（事件清单）
    
38.     for event in event_list:
    
39.         if event.type == pygame.QUIT:
    
40.             pygame.quit()
    
41.             sys.exit()
    
42.             
    
43.     for sprite in group:
    
44.         sprite.clicked_test(event_list)
    
45.            
    
46. 
    
47.     #绘制背景
    
48.     screen.blit(bg,(0,0))
    
49.     #绘制图片
    
50.     screen.blit(snake.image, snake.rect)
    
51.     screen.blit(t2048.image, t2048.rect)
    
52.     #刷新
    
53.     pygame.display.update()
    
54. 
    

复制代码

跳转到最佳答案楼层

阿奇_o

这种一般要用pygame.sprite.Sprite类（动画精灵），你再稍微改一下，即可：

1. import sys
   
2. import pygame
   
3. 
   
4. class ImgSpite(pygame.sprite.Sprite):
   
5.     def __init__(self, img_obj, img_name, x, y):
   
6.         super().__init__()
   
7.         self.image = img_obj
   
8.         self.name = img_name
   
9.         self.rect = self.image.get_rect(center=(x,y))
   
10.         # self.clicked = False
    
11.    
    
12.     def clicked_test(self, event_list):
    
13.         for event in event_list:
    
14.             if event.type == pygame.MOUSEBUTTONDOWN:   # 判断鼠标是否被按下（注：鼠标有三个键哦）
    
15.                 # p1, p2, p3 = pygame.mouse.get_pressed()
    
16. 
    
17.                 if self.rect.collidepoint(event.pos):  # 判断点击区域是否在其区域内
    
18.                     print(self.name, "被点击了！")
    
19. 
    
20. # 初始化
    
21. pygame.init()
    
22. 
    
23. # 背景 与 屏幕大小
    
24. bg = pygame.image.load("background.png")
    
25. sw, sh = bg.get_width(), bg.get_height()
    
26. screen = pygame.display.set_mode((sw, sh))
    
27. 
    
28. # 元素图片精灵
    
29. t2048 = ImgSpite(pygame.image.load("2048_0.1x.png"), 't2048', 100, 200)
    
30. snake = ImgSpite(pygame.image.load("snake_0.1x.png"),'snake', 300, 200)
    
31. 
    
32. group = pygame.sprite.Group([t2048, snake]) # 放到“精灵组”里，才方便监测碰撞
    
33. # group.add() # 图片精灵可以单独添加进去
    
34. 
    
35. 
    
36. while True:
    
37.     event_list = pygame.event.get() # 获取全部事件（事件清单）
    
38.     for event in event_list:
    
39.         if event.type == pygame.QUIT:
    
40.             pygame.quit()
    
41.             sys.exit()
    
42.             
    
43.     for sprite in group:
    
44.         sprite.clicked_test(event_list)
    
45.            
    
46. 
    
47.     #绘制背景
    
48.     screen.blit(bg,(0,0))
    
49.     #绘制图片
    
50.     screen.blit(snake.image, snake.rect)
    
51.     screen.blit(t2048.image, t2048.rect)
    
52.     #刷新
    
53.     pygame.display.update()
    
54. 
    

复制代码

学习中...

能详细讲解一下吗？有点看不太懂

阿奇_o

学习中... 发表于 2021-6-11 21:55
能详细讲解一下吗？有点看不太懂

关于pygame.sprite.Sprite类，
你可以去b-ok.org下载《父与子的编程之旅 与小卡特一起学Python》，
里面的第17章有关于“动画精灵”的碰撞测试的介绍和例子（你可以从16章开始跟着实现pygame的基本操作）；

其次，我也是Google后进一步发现“判断点击区域是否在其区域内” collidepoint()的用法

学习中...

阿奇_o 发表于 2021-6-11 22:06
关于pygame.sprite.Sprite类，
你可以去b-ok.org下载《父与子的编程之旅 与小卡特一起学Python》，
里 ...

想问一下第5行里面def __init__(self, img_obj, img_name, x, y):   这个的img_obj和img_name是什么东西呢？这两个实参是从哪里进来的？（其他的都还好，就这行看不懂）

1. import sys
   
2. import pygame
   
3. 
   
4. class ImgSpite(pygame.sprite.Sprite):
   
5.     def __init__(self, img_obj, img_name, x, y):
   
6.         super().__init__()
   
7.         self.image = img_obj
   
8.         self.name = img_name
   
9.         self.rect = self.image.get_rect(center=(x,y))
   
10.         # self.clicked = False
    
11.    
    
12.     def clicked_test(self, event_list):
    
13.         for event in event_list:
    
14.             if event.type == pygame.MOUSEBUTTONDOWN:   # 判断鼠标是否被按下（注：鼠标有三个键哦）
    
15.                 # p1, p2, p3 = pygame.mouse.get_pressed()
    
16. 
    
17.                 if self.rect.collidepoint(event.pos):  # 判断点击区域是否在其区域内
    
18.                     print(self.name, "被点击了！")
    
19. 
    
20. # 初始化
    
21. pygame.init()
    
22. 
    
23. # 背景 与 屏幕大小
    
24. bg = pygame.image.load("background.png")
    
25. sw, sh = bg.get_width(), bg.get_height()
    
26. screen = pygame.display.set_mode((sw, sh))
    
27. 
    
28. # 元素图片精灵
    
29. t2048 = ImgSpite(pygame.image.load("2048_0.1x.png"), 't2048', 100, 200)
    
30. snake = ImgSpite(pygame.image.load("snake_0.1x.png"),'snake', 300, 200)
    
31. 
    
32. group = pygame.sprite.Group([t2048, snake]) # 放到“精灵组”里，才方便监测碰撞
    
33. # group.add() # 图片精灵可以单独添加进去
    
34. 
    
35. 
    
36. while True:
    
37.     event_list = pygame.event.get() # 获取全部事件（事件清单）
    
38.     for event in event_list:
    
39.         if event.type == pygame.QUIT:
    
40.             pygame.quit()
    
41.             sys.exit()
    
42.             
    
43.     for sprite in group:
    
44.         sprite.clicked_test(event_list)
    
45.            
    
46. 
    
47.     #绘制背景
    
48.     screen.blit(bg,(0,0))
    
49.     #绘制图片
    
50.     screen.blit(snake.image, snake.rect)
    
51.     screen.blit(t2048.image, t2048.rect)
    
52.     #刷新
    
53.     pygame.display.update()
    
54. 
    

复制代码

阿奇_o

学习中... 发表于 2021-6-11 22:19
想问一下第5行里面def __init__(self, img_obj, img_name, x, y):   这个的img_obj和img_name是什么东西 ...

这是面向对象的知识了，image 和 img_name 都是根据你需要来定义的“实例属性”（带self.）

def __init__(self, img_obj, img_name, x, y):
    self.image = img_obj  # 构造时传进来的图片对象（pygame.image.load(..) ）
    self.name = img_name  # 为了方便，我自定义给它一个名字而已
    ...

...
snake = ImgSpite(img_obj=pygame.image.load("snake_0.1x.png"), img_name='snake',  x=300, y=200)  # 根据你ImgSprite类的__init__(), 来构造出实例对象


ps: 你也可以用其他方式，实现同样的目的，类对象/实例的属性，都是根据你需要来自行创建的。