love2d教程27--菜单

说明

现在已经开始复刻“金庸群侠传”了，对于通用的love2d用法我已经写的较多了，希望大家看后

可以做一些自己的游戏。之后可能不会再像以前一样更新了，若是遇到通用love2d用法，我还

是会继续写。由于复刻才开始，还没搭好框架，等以后搭好框架后我把代码托管到github/gitcafe

上，这样大家可以和我一起开发。

曾经我介绍过middleclass，可是后来在代码里基本没使用，主要原因有：

1、自定义的类可以很方便的用middleclass重构

2、以前的代码不涉及继承，不需要middleclass复杂的功能

不过现在我要转向middleclass了，因为之后百分百会涉及继承、多态等面向对象的概念。

正文

由于我的菜单是仿“金庸群侠传”的所以功能需求较简单，只是实现了二级菜单和事件回调。

1、先看菜单的结构。主菜单{name,{},func}，其中表里的{}表子菜单，子菜单的结构为

{name,func}，如果把子菜单的结构做的与主菜单一样，那就可以实现多级菜单了，不过

感觉没必要，所以就简单点。其中name指菜单显示的文字，func是回调函数（可以为空）。

同时还有一个保存主菜单的表menus={}，记录当前主菜单和子菜单的索引。

2、再看菜单项的添加。每次添加菜单时直接向menus表里添加主菜单表，添加子菜单时直接

向主菜单的{}表里插入子菜单表。

3、绘图。先保存当前的颜色，把当前索引设为颜色A，把其它菜单设为颜色B，再恢复当前

颜色。这样就可以实现突出显示当前菜单了。

4、键盘检测。检测键盘的按下，根据是主菜单还是子菜单，采取不同的策略。

图如下：



代码为：

menu.lua

require('middleclass')
menu=class('menu')
menu.static.colordark={120,0,0}   --暗色
menu.static.colorlight={255,0,0}  --亮色

--居中坐标按四个汉字标准,四项菜单
--菜单的坐标x,y 多少项n 可以为空
function menu:initialize( x, y, n )

self.mainmenus={} --主菜单
self.isInSub=false --是否进入子菜单
self.id=1         --主菜单id
self.sid=1        --子菜单id
local font =  love.graphics.getFont( )

local w,h = font:getWidth("一"),font:getHeight() --得到字体数据
self.fw,self.fh=w,h
self.x=x or (love.graphics.getWidth()-w*4)/2  --x居中
self.y=y or (love.graphics.getHeight()-4*h-20)      --y离底部20
end
--背景图
-- todo 参数检测
function menu:SetImage(imgname)

self.img=love.graphics.newImage(imgname)
end
--设置背景音乐
function menu:SetMusic(source)
self.music=love.audio.newSource(source)
self.music:setLooping(true)
love.audio.play(self.music)
end
--设置移动光标的音乐
function menu:SetMoveMusic(source )
-- body
end
--设置选中时的音乐
function menu:SetSelectMusic( source )
-- body
end
--新建菜单
function menu:AddMenu(name,func)

self.mainmenus[#self.mainmenus+1]={name,{},func}

end

--添加子菜单
function menu:SubMenu(name,parentid,func)
-- body

table.insert(self.mainmenus[parentid][2],{name,func})
end

function menu:draw()
local r,g,b,a = love.graphics.getColor()  --保存原有颜色
if self.img then
love.graphics.draw(self.img,0,0)
end
--判断绘制对象
local menus={}
local id=0
if self.isInSub then
menus=self.mainmenus[self.id][2]
id=self.sid
else
menus=self.mainmenus
id=self.id
end

for k,v in ipairs(menus) do
if k==id then
love.graphics.setColor(unpack(menu.colorlight))
else
love.graphics.setColor(unpack(menu.colordark))
end
love.graphics.print(v[1],self.x,(k-1)*self.fh+self.y)
end

--恢复
love.graphics.setColor(r,g,b,a)
end

function menu:update(dt)

end

function menu:keypressed(key, unicode)
local id = 0
local menus = {}
if self.isInSub then
id=self.sid
menus=self.mainmenus[self.id][2]
else
id=self.id
menus=self.mainmenus
end

--键盘移动
if key=="up" then
id=id-1
elseif key=="down" then
id=id+1
end
if id>#menus then
id=1
elseif id<1 then
id=#menus
end

--把id赋值回去,检测键盘
if self.isInSub then
self.sid=id
local fun=menus[id][2] --第二项为函数
if type(fun)=="function" then fun() end
if key=="escape" then self.isInSub=false self.sid=1 end

else
self.id=id
--回调
if key=="return" then
local fun=menus[id][3] --第三项是函数
if type(fun)=="function" then fun() end
local sub = menus[id][2] --第二项是子菜单
if #sub>=1 then
self.isInSub=true
end
end
end
end

main.lua

require('font')
require('menu')
function love.load()
love.graphics.setFont(menufont)
jyMenu=menu:new()
jyMenu:SetImage("assets/title.png")
jyMenu:SetMusic("assets/game17.ogg")
jyMenu:AddMenu("重新开始")
jyMenu:AddMenu("载入进度")
jyMenu:SubMenu("进度1",2) --第二项主菜单的子菜单
jyMenu:SubMenu("进度2",2)
jyMenu:SubMenu("进度3",2)
jyMenu:AddMenu("游戏设置")
jyMenu:AddMenu("退出游戏",function () love.event.push("quit") end)  --绑定回调

end
function love.draw()
jyMenu:draw()

end

function love.keypressed(key,unicode)
jyMenu:keypressed(key,unicode)

end

代码下载，请点击。