【Lyra with UnLua】用 Lua 开发 UI

【Lyra with UnLua】用 Lua 开发 UI

案例分析,以 W_LyraGameMenu_C 为例,跟一下如何用 Lua 写 UI 逻辑,不谈原理,期望能帮助大家快速上手,节约时间

界面

这是游戏里的暂停菜单,单局按Esc呼出

三个按钮对应:游戏选项,离开游戏,退出编辑器游玩

【Lyra with UnLua】用 Lua 开发 UI_第1张图片

游戏选项,一个全屏界面

【Lyra with UnLua】用 Lua 开发 UI_第2张图片

退出游戏,一个模态框

【Lyra with UnLua】用 Lua 开发 UI_第3张图片

逻辑功能-蓝图版

原版是蓝图实现的逻辑

【Lyra with UnLua】用 Lua 开发 UI_第4张图片

界面出现时播一个动画

【Lyra with UnLua】用 Lua 开发 UI_第5张图片

游戏选项按钮回调,关掉自己,弹出新界面

【Lyra with UnLua】用 Lua 开发 UI_第6张图片

逻辑功能-UnLua版

用 Lua 覆写蓝图逻辑,不需要删掉蓝图逻辑 // 可以先用蓝图搞一个预览版本,UI美术甚至可以自己独立完成功能版,开发效率UP

蓝图里,加一个函数 GetModuleName,指向 Lua 脚本路径

【Lyra with UnLua】用 Lua 开发 UI_第7张图片

自动生成的绑定,把所有 UI 节点和动画片段都导出成 Lua 字段 // 非常方便,我之前自己写脚本生成这些代码,以防拼写错误

【Lyra with UnLua】用 Lua 开发 UI_第8张图片
新建 LyraGameMenu.lua,开始写 Lua 逻辑,其实就是把蓝图翻译成 Lua

  1. 绑定三个按钮的回调
  2. 启动时播一下动画

【Lyra with UnLua】用 Lua 开发 UI_第9张图片

  1. 跳到另一个界面
  2. Exit editor,ez
  3. Exit game,也是跳界面

【Lyra with UnLua】用 Lua 开发 UI_第10张图片

你可能感兴趣的:(游戏编程扯淡精粹,lua,ui,ue5)