Pygame：为可拖拽缩放矩形添加文字及屏幕边界限制求助

我来帮你搞定这两个需求，咱们直接在你现有的代码基础上修改，一步步实现功能：

一、给可移动缩放的矩形添加文字 #

要在矩形上显示文字，不需要把矩形单独做成Surface（当然也可以这么做，但直接在屏幕上绘制文字更简单直观）。核心思路是：每次循环都根据当前矩形的位置和大小，把文字渲染到矩形的合适位置（比如中心），确保文字始终跟着矩形动。

具体实现逻辑：

1. 初始化一个字体对象，用来渲染文字；
2. 在每次绘制矩形之后，把对应文字渲染成Surface；
3. 计算文字在矩形中的居中位置，再把文字Surface blit到屏幕上。

二、限制矩形不超出屏幕边界 #

要让矩形无法移出屏幕，需要在移动和缩放操作后，检查矩形的位置和大小，强制把它限制在屏幕范围内：

• 移动时：如果矩形左边超出屏幕左边界，就把它拉回左边界；右边超出屏幕右边界，就调整x坐标让右边对齐屏幕右边界；上下边界同理。
• 缩放时：如果缩放后矩形超出屏幕，就调整宽高或位置，确保它始终在屏幕内，同时保持你设置的最小宽高（10px）。

完整修改后的代码 #

import pygame as pg
pg.init()

screen = pg.display.set_mode((640, 480))
screen_width, screen_height = screen.get_size()
clock = pg.time.Clock()

# 初始化矩形
rect1 = pg.Rect(100, 100, 161, 100)
rect2 = pg.Rect(300, 200, 161, 100)
selected_rect = None

# 初始化字体（None用系统默认字体，32是字号）
font = pg.font.SysFont(None, 32)
# 用字典绑定每个矩形对应的文字，方便管理
rect_texts = {rect1: "矩形1", rect2: "矩形2"}

done = False
while not done:
    for event in pg.event.get():
        if event.type == pg.QUIT:
            done = True
        elif event.type == pg.MOUSEBUTTONDOWN:
            for rect in (rect1, rect2):
                if rect.collidepoint(event.pos):
                    selected_rect = rect  # 选中被点击的矩形
        elif event.type == pg.MOUSEBUTTONUP:
            selected_rect = None  # 取消选中
        elif event.type == pg.MOUSEMOTION:
            if selected_rect is not None:
                if event.buttons[0]:  # 左键按住：移动矩形
                    selected_rect.x += event.rel[0]
                    selected_rect.y += event.rel[1]

                    # 移动后强制限制在屏幕内
                    if selected_rect.left < 0:
                        selected_rect.left = 0
                    if selected_rect.right > screen_width:
                        selected_rect.right = screen_width
                    if selected_rect.top < 0:
                        selected_rect.top = 0
                    if selected_rect.bottom > screen_height:
                        selected_rect.bottom = screen_height
                else:  # 其他按键：缩放矩形
                    # 先调整宽高，保持最小尺寸
                    selected_rect.w += event.rel[0]
                    selected_rect.h += event.rel[1]
                    selected_rect.w = max(selected_rect.w, 10)
                    selected_rect.h = max(selected_rect.h, 10)

                    # 缩放后检查边界，避免超出屏幕
                    if selected_rect.right > screen_width:
                        selected_rect.w = screen_width - selected_rect.x
                    if selected_rect.bottom > screen_height:
                        selected_rect.h = screen_height - selected_rect.y

    screen.fill((30, 30, 30))
    # 绘制矩形
    pg.draw.rect(screen, (0, 100, 250), rect1)
    pg.draw.rect(screen, (0, 200, 120), rect2)

    # 绘制每个矩形的文字
    for rect, text in rect_texts.items():
        text_surf = font.render(text, True, (255, 255, 255))  # 白色文字
        text_rect = text_surf.get_rect(center=rect.center)  # 文字居中于矩形
        screen.blit(text_surf, text_rect)

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

关键细节说明 #

1. 文字绘制：

   • 用字典rect_texts绑定矩形和对应文字，后续要修改文字或添加新矩形时更方便；
   • 每次循环都重新渲染文字并计算位置，确保文字始终跟着矩形的移动和缩放同步更新。

2. 边界限制：

   • 移动操作后直接调整矩形的left/right/top/bottom属性，简单粗暴地把矩形拉回屏幕内；
   • 缩放操作后先确保宽高不小于最小值，再检查是否超出屏幕右/下边界，若超出则把宽高缩到刚好贴合边界，避免矩形“跑”出屏幕。

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