Pygame设置对象位置顺序导致文本不显示的问题排查

嘿，我瞅了下你的代码，看不到文本的核心原因是文本被绘制到了text_surface的可视区域之外，这是因为你混淆了Pygame里的局部坐标系和全局坐标系。让我拆解下问题出在哪：

• 你创建的text_surface是一个400x100的小画布，它自己的局部坐标系是从左上角(0,0)开始的。
• 但你把text_surface_rect.center设成了屏幕中心（比如1200x800屏幕的(600,400)），接着又把text_rect.center绑定到这个全局坐标上。这就相当于在400x100的小画布上，把文本放到了(600,400)的位置——这远远超出了画布的范围，自然看不到任何内容。

另外还有几个可以简化的点，我直接给你修正后的代码，再一步步解释改动：

修正后的代码 #

#!/usr/bin/python
import sys,os
import pygame

class Setting():
    def __init__(self,width,height):
        self.w=width
        self.h=height
        self.flag=pygame.RESIZABLE
        self.color=(255,255,255)
        self.screen=pygame.display.set_mode((self.w,self.h),self.flag)
        self.screen_rect=self.screen.get_rect()
        pygame.display.set_caption("Muhaha")

class Button():
    def __init__(self,setting,text):
        self.setting = setting
        self.text_color=(0,0,255)
        self.button_color=(0,100,100)
        
        # 按钮的基础rect，直接设置为屏幕中心
        self.rect=pygame.Rect(0,0,400,100)
        self.rect.center = self.setting.screen_rect.center
        
        # 创建文本表面，这里可以指定按钮颜色作为文本背景（也可以留空用透明背景）
        self.text_font = pygame.font.Font(None,80)
        self.text_surface = self.text_font.render(text,True,self.text_color,self.button_color)
        
        # 让文本相对于按钮rect居中（用按钮的局部坐标系）
        self.text_rect = self.text_surface.get_rect()
        self.text_rect.center = self.rect.center
        
        # 创建带透明度的按钮表面
        self.button_surface=pygame.Surface((400,100))
        self.button_surface.set_alpha(128)

    def blit_button(self):
        # 填充按钮底色
        self.button_surface.fill(self.button_color)
        # 把文本绘制到按钮表面上
        self.button_surface.blit(self.text_surface,self.text_rect)
        # 把按钮整体绘制到屏幕上
        self.setting.screen.blit(self.button_surface,self.rect)

def game():
    pygame.init()
    setting=Setting(1200,800)
    button=Button(setting,'PLAY')
    while True:
        for event in pygame.event.get():
            if event.type == pygame.QUIT:
                sys.exit()
        setting.screen.fill((255,0,0))
        button.blit_button()
        pygame.display.flip()

game()

关键改动说明 #

1. 简化层级，去掉多余的text_surface：
   原本你单独创建了text_surface再绘制文本，现在直接把文本画到按钮表面上，减少了不必要的层级，逻辑更清晰。

2. 正确设置文本坐标：
   现在text_rect.center绑定的是按钮的self.rect.center，也就是相对于按钮这个400x100画布的局部中心，这样文本就会正好落在按钮的中央，不会超出可视范围。

3. 优化文本渲染：
   渲染文本时加上了按钮颜色作为背景色，让文本和按钮的融合更自然；如果想要透明背景，去掉self.button_color这个参数即可。

如果你坚持要保留单独的text_surface，那正确的坐标设置应该是这样：

# 在Button的__init__里
self.text_surface=pygame.Surface((400,100))
self.text_surface.set_colorkey((0,0,0))
# 让文本相对于text_surface的局部中心居中（不是屏幕中心）
self.text_rect = self.text.get_rect()
self.text_rect.center = self.text_surface.get_rect().center  # 对应局部坐标(200,50)

最后提醒下：Pygame里每个Surface的rect都是基于自身的局部坐标系的，只有把Surface绘制到其他Surface（比如屏幕）上时，才会用到目标的全局坐标系，一定要区分清楚两者的差异哦～

内容的提问来源于stack exchange，提问作者M_Sea