pygame/ui.py

import pygame
from settings import * 

class UI:
	def __init__(self):
		
		# general
		# 获取游戏窗口表面
		self.display_surface = pygame.display.get_surface()
		# 设置 UI 使用的字体和字号
		self.font = pygame.font.Font(UI_FONT,UI_FONT_SIZE)

		# bar setup
		# 设置生命值条的矩形位置和大小
		self.health_bar_rect = pygame.Rect(10,10,HEALTH_BAR_WIDTH,BAR_HEIGHT)
		# 设置能量条的矩形位置和大小
		self.energy_bar_rect = pygame.Rect(10,34,ENERGY_BAR_WIDTH,BAR_HEIGHT)

		# convert weapon dictionary
		# 转换武器字典为图像列表
		self.weapon_graphics = []
		for weapon in weapon_data.values():
			path = weapon['graphic']
			weapon = pygame.image.load(path).convert_alpha()
			self.weapon_graphics.append(weapon)

		# convert magic dictionary
		# 转换魔法字典为图像列表
		self.magic_graphics = []
		for magic in magic_data.values():
			magic = pygame.image.load(magic['graphic']).convert_alpha()
			self.magic_graphics.append(magic)


	def show_bar(self,current,max_amount,bg_rect,color):
		# 绘制背景
		pygame.draw.rect(self.display_surface,UI_BG_COLOR,bg_rect)

		# 计算当前值在最大值中的比例，并转换为像素宽度
		ratio = current / max_amount
		current_width = bg_rect.width * ratio
		current_rect = bg_rect.copy()
		current_rect.width = current_width

		# 绘制当前值对应的条形
		pygame.draw.rect(self.display_surface,color,current_rect)
		# 绘制边框
		pygame.draw.rect(self.display_surface,UI_BORDER_COLOR,bg_rect,3)

	def show_exp(self,exp):
		# 渲染经验值文本
		text_surf = self.font.render(str(int(exp)),False,TEXT_COLOR)
		# 获取屏幕尺寸，设置文本位置在屏幕右下角
		x = self.display_surface.get_size()[0] - 20
		y = self.display_surface.get_size()[1] - 20
		text_rect = text_surf.get_rect(bottomright = (x,y))
		# 绘制背景矩形以便显示文本
		pygame.draw.rect(self.display_surface,UI_BG_COLOR,text_rect.inflate(20,20))
		# 将文本渲染到屏幕上
		self.display_surface.blit(text_surf,text_rect)
		# 绘制文本背景的边框
		pygame.draw.rect(self.display_surface,UI_BORDER_COLOR,text_rect.inflate(20,20),3)

	def selection_box(self,left,top, has_switched):
		# 创建项目框背景矩形
		bg_rect = pygame.Rect(left,top,ITEM_BOX_SIZE,ITEM_BOX_SIZE)
		# 绘制项目框的背景
		pygame.draw.rect(self.display_surface,UI_BG_COLOR,bg_rect)
		# 如果已切换，则绘制活跃状态的边框
		if has_switched:
			pygame.draw.rect(self.display_surface,UI_BORDER_COLOR_ACTIVE,bg_rect,3)
		# 否则绘制常规状态的边框
		else:
			pygame.draw.rect(self.display_surface,UI_BORDER_COLOR,bg_rect,3)
		return bg_rect

	def weapon_overlay(self,weapon_index,has_switched):
		# 在屏幕上绘制武器图像
		# 获取武器框的背景矩形位置
		bg_rect = self.selection_box(10,630,has_switched)
		# 获取当前武器的图像
		weapon_surf = self.weapon_graphics[weapon_index]
		# 设置武器图像的位置为框的中心
		weapon_rect = weapon_surf.get_rect(center = bg_rect.center)
		# 绘制武器图像到屏幕上
		self.display_surface.blit(weapon_surf,weapon_rect)

	def magic_overlay(self,magic_index,has_switched):
		# 在屏幕上绘制魔法图像
		magic_surf = self.magic_graphics[magic_index]
		# 获取魔法框的背景矩形位置
		bg_rect = self.selection_box(80,635,has_switched)
		# 获取当前魔法的图像
		magic_surf = self.magic_graphics[magic_index]
		# 设置魔法图像的位置为框的中心
		magic_rect = magic_surf.get_rect(center = bg_rect.center)
		# 绘制魔法图像到屏幕上
		self.display_surface.blit(magic_surf,magic_rect)

	def display(self,player):
		# 显示玩家的生命值条、能量条、经验值以及当前选择的武器和魔法
		# 显示生命值条
		self.show_bar(player.health,player.stats['health'],self.health_bar_rect,HEALTH_COLOR)
		# 显示能量条
		self.show_bar(player.energy,player.stats['energy'],self.energy_bar_rect,ENERGY_COLOR)
		# 显示经验值
		self.show_exp(player.exp)
		# 显示当前武器图标
		self.weapon_overlay(player.weapon_index,not player.can_switch_weapon)
		# 显示当前魔法图标
		self.magic_overlay(player.magic_index,not player.can_switch_magic)