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

学习中...

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

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

代码如下：

import pygame
import sys
from pygame.locals import *

#模块初始化
pygame.init()
pygame.mixer.init()

#创建窗口
bg_size = width,height = 800,500
bg_size1 = width,height = 1000,1000
screen = pygame.display.set_mode(bg_size)

#背景图片
background = pygame.image.load("images/background.png").convert()

#创建窗口标题
pygame.display.set_caption("GAME_OF_THE_ALL")


BLUE = (0,0,255)

#载入图片
two_zero_four_eight = pygame.image.load("images/2048.png").convert_alpha()
small_snake = pygame.image.load("images/小小贪吃蛇.png").convert_alpha()
while True:
    for event in pygame.event.get():
        if event.type == QUIT:
            pygame.quit()
            sys.exit()
        #判断事件类型是不是鼠标
        if event.type == pygame.MOUSEBUTTONDOWN:
            #如果是的话，判断鼠标是否被按下
            if pygame.mouse.get_pressed()[0]:
                #如果被按下，则获取鼠标坐标
                pos = pygame.mouse.get_pos()
                #如果鼠标按键按到了“2048”的按钮上，则做出响应，并且打印1
                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:
                    screen = pygame.display.set_mode(bg_size1)
                    print(1)
                #如果按到“小小贪吃蛇”按钮上，就打印2
                elif small_snake_rect.left < pos[0] < small_snake_rect.right and small_snake_rect.top < pos[1] < small_snake_rect.bottom:
                    print(2)

    screen_rect = screen.get_rect()
    two_zero_four_eight_rect = two_zero_four_eight.get_rect()
    two_zero_four_eight_rect.centerx = screen_rect.centerx
    two_zero_four_eight_rect.centery = screen_rect.centery
    small_snake_rect = small_snake.get_rect()
    small_snake_rect.centerx = screen_rect.centerx
    small_snake_rect.centery = screen_rect.centery
    #绘制背景
    screen.blit(background,(0,0))
    #绘制图片
    screen.blit(small_snake,(40,30))
    screen.blit(two_zero_four_eight,two_zero_four_eight_rect)
    #刷新
    pygame.display.update()
    
if __name__ == "__main__":
    try:
        main()
    except SystemExit:
        pass
    except:
        traceback.print_exc()
        pygame.quit()
        input()

最佳答案

月排行榜 / 总排行榜

阿奇_o

2021-6-10 18:30:10

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

import sys
import pygame

class ImgSpite(pygame.sprite.Sprite):
    def __init__(self, img_obj, img_name, x, y):
        super().__init__()
        self.image = img_obj 
        self.name = img_name
        self.rect = self.image.get_rect(center=(x,y))
        # self.clicked = False 
    
    def clicked_test(self, event_list):
        for event in event_list:
            if event.type == pygame.MOUSEBUTTONDOWN:   # 判断鼠标是否被按下（注：鼠标有三个键哦）
                # p1, p2, p3 = pygame.mouse.get_pressed() 

                if self.rect.collidepoint(event.pos):  # 判断点击区域是否在其区域内
                    print(self.name, "被点击了！")

# 初始化
pygame.init()

# 背景 与 屏幕大小
bg = pygame.image.load("background.png")
sw, sh = bg.get_width(), bg.get_height()
screen = pygame.display.set_mode((sw, sh))

# 元素图片精灵
t2048 = ImgSpite(pygame.image.load("2048_0.1x.png"), 't2048', 100, 200)
snake = ImgSpite(pygame.image.load("snake_0.1x.png"),'snake', 300, 200)

group = pygame.sprite.Group([t2048, snake]) # 放到“精灵组”里，才方便监测碰撞
# group.add() # 图片精灵可以单独添加进去


while True:
    event_list = pygame.event.get() # 获取全部事件（事件清单）
    for event in event_list:
        if event.type == pygame.QUIT:
            pygame.quit()
            sys.exit()
            
    for sprite in group:
        sprite.clicked_test(event_list)
           

    #绘制背景
    screen.blit(bg,(0,0))
    #绘制图片
    screen.blit(snake.image, snake.rect)
    screen.blit(t2048.image, t2048.rect)
    #刷新
    pygame.display.update()

跳转到最佳答案楼层

阿奇_o

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

import sys
import pygame

class ImgSpite(pygame.sprite.Sprite):
    def __init__(self, img_obj, img_name, x, y):
        super().__init__()
        self.image = img_obj 
        self.name = img_name
        self.rect = self.image.get_rect(center=(x,y))
        # self.clicked = False 
    
    def clicked_test(self, event_list):
        for event in event_list:
            if event.type == pygame.MOUSEBUTTONDOWN:   # 判断鼠标是否被按下（注：鼠标有三个键哦）
                # p1, p2, p3 = pygame.mouse.get_pressed() 

                if self.rect.collidepoint(event.pos):  # 判断点击区域是否在其区域内
                    print(self.name, "被点击了！")

# 初始化
pygame.init()

# 背景 与 屏幕大小
bg = pygame.image.load("background.png")
sw, sh = bg.get_width(), bg.get_height()
screen = pygame.display.set_mode((sw, sh))

# 元素图片精灵
t2048 = ImgSpite(pygame.image.load("2048_0.1x.png"), 't2048', 100, 200)
snake = ImgSpite(pygame.image.load("snake_0.1x.png"),'snake', 300, 200)

group = pygame.sprite.Group([t2048, snake]) # 放到“精灵组”里，才方便监测碰撞
# group.add() # 图片精灵可以单独添加进去


while True:
    event_list = pygame.event.get() # 获取全部事件（事件清单）
    for event in event_list:
        if event.type == pygame.QUIT:
            pygame.quit()
            sys.exit()
            
    for sprite in group:
        sprite.clicked_test(event_list)
           

    #绘制背景
    screen.blit(bg,(0,0))
    #绘制图片
    screen.blit(snake.image, snake.rect)
    screen.blit(t2048.image, t2048.rect)
    #刷新
    pygame.display.update()

学习中...

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

阿奇_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是什么东西呢？这两个实参是从哪里进来的？（其他的都还好，就这行看不懂）

import sys
import pygame

class ImgSpite(pygame.sprite.Sprite):
    def __init__(self, img_obj, img_name, x, y):
        super().__init__()
        self.image = img_obj 
        self.name = img_name
        self.rect = self.image.get_rect(center=(x,y))
        # self.clicked = False 
    
    def clicked_test(self, event_list):
        for event in event_list:
            if event.type == pygame.MOUSEBUTTONDOWN:   # 判断鼠标是否被按下（注：鼠标有三个键哦）
                # p1, p2, p3 = pygame.mouse.get_pressed() 

                if self.rect.collidepoint(event.pos):  # 判断点击区域是否在其区域内
                    print(self.name, "被点击了！")

# 初始化
pygame.init()

# 背景 与 屏幕大小
bg = pygame.image.load("background.png")
sw, sh = bg.get_width(), bg.get_height()
screen = pygame.display.set_mode((sw, sh))

# 元素图片精灵
t2048 = ImgSpite(pygame.image.load("2048_0.1x.png"), 't2048', 100, 200)
snake = ImgSpite(pygame.image.load("snake_0.1x.png"),'snake', 300, 200)

group = pygame.sprite.Group([t2048, snake]) # 放到“精灵组”里，才方便监测碰撞
# group.add() # 图片精灵可以单独添加进去


while True:
    event_list = pygame.event.get() # 获取全部事件（事件清单）
    for event in event_list:
        if event.type == pygame.QUIT:
            pygame.quit()
            sys.exit()
            
    for sprite in group:
        sprite.clicked_test(event_list)
           

    #绘制背景
    screen.blit(bg,(0,0))
    #绘制图片
    screen.blit(snake.image, snake.rect)
    screen.blit(t2048.image, t2048.rect)
    #刷新
    pygame.display.update()

阿奇_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: 你也可以用其他方式，实现同样的目的，类对象/实例的属性，都是根据你需要来自行创建的。