一.效果

二.簡介

    遊戲中,按鈕是必不可少的控制元件.但是pygame並沒有給我們提供相關的功能.那麼只能自己寫一個啦.

    演示工程的下載地址:https://pan.baidu.com/s/1dCgCs8t2FPn1DstRyAF84g

三.相關程式碼

    Button.py:

class Button:
    NORMAL=0
    MOVE=1
    DOWN=2
    def __init__(self,x,y,text,imgNormal,imgMove=None,imgDown=None,callBackFunc=None,font=None,rgb=(0,0,0)):
        """
        初始化按鈕的相關引數
        :param x: 按鈕在窗體上的x座標
        :param y: 按鈕在窗體上的y座標
        :param text: 按鈕顯示的文字
        :param imgNormal: surface型別,按鈕正常情況下顯示的圖片
        :param imgMove: surface型別,滑鼠移動到按鈕上顯示的圖片
        :param imgDown: surface型別,滑鼠按下時顯示的圖片
        :param callBackFunc: 按鈕彈起時的回撥函式
        :param font: pygame.font.Font型別,顯示的字型
        :param rgb: 元組型別,文字的顏色
        """
        #初始化按鈕相關屬性
        self.imgs=[]
        if not imgNormal:
            raise Exception("請設定普通狀態的圖片")
        self.imgs.append(imgNormal)     #普通狀態顯示的圖片
        self.imgs.append(imgMove)       #被選中時顯示的圖片
        self.imgs.append(imgDown)       #被按下時的圖片
        for i in range(2,0,-1):
            if not self.imgs[i]:
                self.imgs[i]=self.imgs[i-1]

        self.callBackFunc=callBackFunc      #觸發事件
        self.status=Button.NORMAL       #按鈕當前狀態
        self.x=x
        self.y=y
        self.w=imgNormal.get_width()
        self.h=imgNormal.get_height()
        self.text=text
        self.font=font
        #文字表面
        self.textSur=self.font.render(self.text,True,rgb)

    def draw(self,destSuf):
        dx=(self.w/2)-(self.textSur.get_width()/2)
        dy=(self.h/2)-(self.textSur.get_height()/2)
        #先畫按鈕背景
        if self.imgs[self.status]:
            destSuf.blit(self.imgs[self.status], [self.x, self.y])
        #再畫文字
        destSuf.blit(self.textSur,[self.x+dx,self.y+dy])

    def colli(self,x,y):
        #碰撞檢測
        if self.x<x<self.x+self.w and self.y<y<self.y+self.h:
            return True
        else:
            return False

    def getFocus(self,x,y):
        #按鈕獲得焦點時
        if self.status==Button.DOWN:
            return
        if self.colli(x,y):
            self.status=Button.MOVE
        else:
            self.status=Button.NORMAL

    def mouseDown(self,x,y):
        if self.colli(x,y):
            self.status = Button.DOWN

    def mouseUp(self):
        if self.status==Button.DOWN:    #如果按鈕的當前狀態是按下狀態,才繼續執行下面的程式碼
            self.status=Button.NORMAL   #按鈕彈起,所以還原成普通狀態
            if self.callBackFunc:       #呼叫回撥函式
                return self.callBackFunc()
 

相關方法說明:

def draw(self,destSur):用來繪製按鈕,destSur是你要繪製的地方,一般是窗體的surface

def colli(self,x,y):檢測滑鼠是否在按鈕範圍內,x,y是滑鼠座標.返回值True:在範圍內,False:不再範圍內

def mouseDown(self,x,y):滑鼠按下的時候呼叫的方法,功能是令按鈕的顯示狀態變為按下狀態

def mouseUp(self):滑鼠彈起時呼叫的方法,並且會觸發按鈕的回撥函式,返回值是回撥函式的返回值

使用:

下面的程式碼依賴了三個按鈕圖片,請把圖片檔案與程式碼檔案放在同一資料夾下.

main.py:

import pygame

from Button import Button

# 初始化pygame
pygame.init()
winSur = pygame.display.set_mode([300, 300])

# 載入按鈕圖片
surBtnNormal = pygame.image.load("./btn_normal.png").convert_alpha()
surBtnMove = pygame.image.load("./btn_move.png").convert_alpha()
surBtnDown = pygame.image.load("./btn_down.png").convert_alpha()

#按鈕使用的字型
btnFont = pygame.font.SysFont("lisu", 40)

# 按鈕的回撥函式
def btnCallBack():
    print("我被按下了")


# 建立按鈕
btn1 = Button(30, 50, "按鈕測試", surBtnNormal, surBtnMove, surBtnDown, btnCallBack,btnFont,(255,0,0))
btn2 = Button(30, 150, "", surBtnNormal, surBtnMove, surBtnDown, btnCallBack,btnFont)

# 遊戲主迴圈
while True:
    mx, my = pygame.mouse.get_pos()  # 獲得滑鼠座標

    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            exit()
        elif event.type == pygame.MOUSEMOTION:  # 滑鼠移動事件
            # 判斷滑鼠是否移動到按鈕範圍內
            btn1.getFocus(mx, my)
            btn2.getFocus(mx, my)

        elif event.type == pygame.MOUSEBUTTONDOWN:  # 滑鼠按下
            if pygame.mouse.get_pressed() == (1, 0, 0): #滑鼠左鍵按下
                btn1.mouseDown(mx,my)
                btn2.mouseDown(mx, my)

        elif event.type == pygame.MOUSEBUTTONUP:  # 滑鼠彈起
            btn1.mouseUp()
            btn2.mouseUp()

    pygame.time.delay(16)
    winSur.fill((0, 0, 0))
    #繪製按鈕
    btn1.draw(winSur)
    btn2.draw(winSur)
    #重新整理介面
    pygame.display.flip()