使用Python和Pygame製作交互式菜單

Pygame是一個Python庫，它可以幫助我們輕鬆構建2D遊戲和交互式應用程序。在Pygame中，我們可以輕鬆地創建按鈕、文本框、菜單等交互元素。在本文中，我們將學習如何使用Python和Pygame創建一個交互式菜單。

一、創建窗口

首先，讓我們來創建一個Pygame窗口。我們需要導入pygame和sys模塊來完成這項任務。以下是創建窗口的示例代碼：

import pygame
import sys

pygame.init()
screen = pygame.display.set_mode((640, 480))
pygame.display.set_caption("Interactive Menu")

在這段代碼中，我們首先導入pygame和sys模塊，然後使用pygame.init()初始化pygame庫。接下來，我們通過pygame.display.set_mode()創建一個大小為640×480像素的窗口，並使用pygame.display.set_caption()設置窗口標題為「Interactive Menu」。

二、創建按鈕

接下來，我們需要創建幾個按鈕來組成我們的菜單。在Pygame中，按鈕可以是矩形或圖像。我們將創建一個簡單的矩形按鈕，並為其添加一些文本。以下是創建按鈕的示例代碼：

import pygame

class Button(pygame.sprite.Sprite):
    def __init__(self, text, x, y, width, height):
        super(Button, self).__init__()
        self.image = pygame.Surface((width, height))
        self.image.fill((255, 255, 255))
        self.rect = self.image.get_rect()
        self.rect.x = x
        self.rect.y = y
        self.font = pygame.font.Font(None, 36)
        self.text = self.font.render(text, 1, (0, 0, 0))
        self.text_rect = self.text.get_rect(center=self.rect.center)
        self.image.blit(self.text, self.text_rect)

button1 = Button("Button 1", 100, 100, 200, 50)
button2 = Button("Button 2", 100, 200, 200, 50)

在這段代碼中，我們定義了一個Button類，它繼承自pygame.sprite.Sprite類。在Button類的__init__方法中，我們首先創建了一個大小為(width, height)的Surface，並使用白色填充了它。然後，我們設置了該Surface的rect屬性的位置，並使用pygame.font.Font()方法創建了一個字體對象。接下來，我們使用該字體對象為按鈕添加了文本，使用self.text.get_rect(center=self.rect.center)方法獲取了文本的矩形，並使用self.image.blit()方法將其繪製在了Surface上。最後，我們通過button1 = Button(“Button 1”, 100, 100, 200, 50)和button2 = Button(“Button 2”, 100, 200, 200, 50)創建了兩個按鈕。這些按鈕現在僅存儲在內存中，我們需要在屏幕上繪製它們。

三、繪製按鈕

現在，我們已經創建了兩個按鈕，但它們仍然只存在於內存中。我們需要在屏幕上繪製它們。以下是繪製按鈕的示例代碼：

import pygame
import sys

class Button(pygame.sprite.Sprite):
    def __init__(self, text, x, y, width, height):
        super(Button, self).__init__()
        self.image = pygame.Surface((width, height))
        self.image.fill((255, 255, 255))
        self.rect = self.image.get_rect()
        self.rect.x = x
        self.rect.y = y
        self.font = pygame.font.Font(None, 36)
        self.text = self.font.render(text, 1, (0, 0, 0))
        self.text_rect = self.text.get_rect(center=self.rect.center)
        self.image.blit(self.text, self.text_rect)

pygame.init()
screen = pygame.display.set_mode((640, 480))
pygame.display.set_caption("Interactive Menu")

button1 = Button("Button 1", 100, 100, 200, 50)
button2 = Button("Button 2", 100, 200, 200, 50)

all_sprites = pygame.sprite.Group()
all_sprites.add(button1)
all_sprites.add(button2)

while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            pygame.quit()
            sys.exit()

    all_sprites.draw(screen)
    pygame.display.flip()

在這段代碼中，我們將創建按鈕的代碼移到了類外，並創建了兩個按鈕並將它們添加到了一個pygame.sprite.Group中。然後，我們進入了一個無限循環，用於處理pygame事件和繪製畫面。在每次循環中，我們首先檢查pygame事件隊列中是否有QUIT事件。如果有，我們退出程序。然後，我們使用all_sprites.draw(screen)方法將sprite group中的所有元素繪製到屏幕上，並使用pygame.display.flip()方法更新屏幕。

四、添加按鈕交互

現在，我們已經成功地創建了兩個按鈕並將它們添加到了屏幕上，但它們仍然沒有交互。我們需要添加一些代碼來使這些按鈕產生效果。以下是添加按鈕交互的示例代碼：

import pygame
import sys

class Button(pygame.sprite.Sprite):
    def __init__(self, text, x, y, width, height):
        super(Button, self).__init__()
        self.image = pygame.Surface((width, height))
        self.image.fill((255, 255, 255))
        self.rect = self.image.get_rect()
        self.rect.x = x
        self.rect.y = y
        self.font = pygame.font.Font(None, 36)
        self.text = self.font.render(text, 1, (0, 0, 0))
        self.text_rect = self.text.get_rect(center=self.rect.center)
        self.image.blit(self.text, self.text_rect)

pygame.init()
screen = pygame.display.set_mode((640, 480))
pygame.display.set_caption("Interactive Menu")

button1 = Button("Button 1", 100, 100, 200, 50)
button2 = Button("Button 2", 100, 200, 200, 50)

all_sprites = pygame.sprite.Group()
all_sprites.add(button1)
all_sprites.add(button2)

while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            pygame.quit()
            sys.exit()
        
        if event.type == pygame.MOUSEBUTTONDOWN:
            pos = pygame.mouse.get_pos()
            clicked_sprites = [s for s in all_sprites if s.rect.collidepoint(pos)]
            for sprite in clicked_sprites:
                if sprite == button1:
                    print("Button 1 clicked!")
                elif sprite == button2:
                    print("Button 2 clicked!")

    all_sprites.draw(screen)
    pygame.display.flip()

在這段代碼中，我們添加了對pygame.MOUSEBUTTONDOWN事件的檢測。如果該事件發生，我們首先獲取鼠標點擊位置，並使用s.rect.collidepoint(pos)檢查所有sprite group中的元素是否與鼠標點擊位置相交。如果相交，我們使用條件語句來檢查哪個按鈕被點擊，並打印相關信息。

五、總結

在本文中，我們學習了如何使用Python和Pygame創建一個交互式菜單。我們首先創建了一個Pygame窗口，然後使用Button類創建了兩個矩形按鈕，並使用sprite group將它們添加到了屏幕上。最後，我們添加了交互代碼，以使這些按鈕響應用戶的點擊事件。Pygame有非常強大的功能可以實現更加高級的遊戲和交互式應用程序設計，這裡只是一個簡單的實例。希望這個例子能夠幫助你快速入門Pygame，在此基礎上進一步學習和探索。