如何调整Pygame中随窗口尺寸变化的内容位置？

要实现窗口缩放时按钮同步适配位置，核心是用相对比例替代固定坐标，并在窗口尺寸变化时重新计算按钮的实际位置。以下是具体实现方案：

关键思路 #

1. 存储按钮位置的相对比例（相对于屏幕宽高的占比），而非固定的(x,y)坐标
2. 监听窗口 resize 事件，实时更新当前屏幕尺寸
3. 每次窗口变化时，根据新的屏幕尺寸和存储的比例，重新计算按钮的实际位置

修改后的完整代码 #

import pygame

pygame.init()

# 初始屏幕尺寸
initial_size = (1000, 700)
screen_size = initial_size
screen = pygame.display.set_mode(screen_size, pygame.RESIZABLE)

# 替换为你实际加载的按钮图片
start_img = pygame.Surface((100, 50))
start_img.fill((0, 255, 0))
exit_img = pygame.Surface((100, 50))
exit_img.fill((255, 0, 0))
setting_img = pygame.Surface((50, 50))
setting_img.fill((0, 0, 255))

class Button():
    def __init__(self, pos_ratio, image, scale):
        # 存储位置比例（屏幕宽占比，屏幕高占比）
        self.pos_ratio = pos_ratio
        self.base_scale = scale
        # 初始化缩放后的图片
        self._update_image(image)
    
    def _update_image(self, image):
        # 根据缩放比例调整图片大小
        self.image = pygame.transform.scale(
            image,
            (int(image.get_width() * self.base_scale),
             int(image.get_height() * self.base_scale))
        )
        self.rect = self.image.get_rect()
    
    def update_pos(self, screen_size):
        # 根据当前屏幕尺寸计算实际位置（左上角对齐）
        x = screen_size[0] * self.pos_ratio[0]
        y = screen_size[1] * self.pos_ratio[1]
        self.rect.topleft = (x, y)
        # 若要中心对齐，替换为：
        # self.rect.center = (screen_size[0] * self.pos_ratio[0], screen_size[1] * self.pos_ratio[1])
    
    def draw(self, surface):
        surface.blit(self.image, self.rect)

# 基于初始屏幕尺寸计算比例创建按钮
start_button = Button((100/1000, 100/700), start_img, 0.8)
exit_button = Button((250/1000, 250/700), exit_img, 0.8)
setting_button = Button((450/1000, 75/700), setting_img, 0.35)

running = True
while running:
    screen.fill((255, 255, 255))
    
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False
        elif event.type == pygame.VIDEORESIZE:
            # 更新屏幕尺寸并重建窗口
            screen_size = (event.w, event.h)
            screen = pygame.display.set_mode(screen_size, pygame.RESIZABLE)
            # 同步更新所有按钮位置
            start_button.update_pos(screen_size)
            exit_button.update_pos(screen_size)
            setting_button.update_pos(screen_size)
    
    # 绘制所有按钮
    start_button.draw(screen)
    exit_button.draw(screen)
    setting_button.draw(screen)
    
    pygame.display.flip()

pygame.quit()

核心要点说明 #

• 比例计算：创建按钮时，用初始坐标除以初始屏幕尺寸得到比例（比如原(100,100)在1000x700屏幕中对应(0.1, ~0.1429)）
• resize事件处理：通过pygame.VIDEORESIZE事件捕获窗口尺寸变化，更新屏幕尺寸后调用每个按钮的update_pos方法重新计算位置
• 扩展适配：如果需要按钮大小也随窗口缩放，可以在update_pos方法中加入图片缩放逻辑（比如基于屏幕宽度的比例调整按钮大小）

内容的提问来源于stack exchange，提问作者The Amazing Spiderman