添加转生成功的事件监听，自动更新界面
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-04-05 19:52:14 |
👁️ 阅读: 1
根据浮生梦老师前端课程内容，要实现转生成功的事件监听并自动更新界面，需要使用`LUA_EVENT_REIN_ATTR_CHANGE`事件。这个事件专门用于监听转生点数据的变化。
以下是完整的实现代码：
```lua
-- 创建界面父节点
local parent = GUI:Win_Create("ReinUI", 0, 0, 0, 0, false, false, true, false, false, false, 1)
-- 创建显示转生等级的文字控件
local textRein = GUI:Text_Create(parent, "Text_reinLevel", 100, 100, 20, "#ffffff", "转生等级: 0")
-- 转生数据变化处理函数
local function HandleReinAttrChange(data)
if not data then
return
end
-- 获取当前转生等级（这里假设data中包含转生等级信息）
local reinLevel = data.level or 0
-- 更新界面显示
local textNode = GUI:getChildByName(parent, "Text_reinLevel")
if GUI:Win_IsNotNull(textNode) then
GUI:Text_setString(textNode, "转生等级: " .. reinLevel)
end
end
-- 注册转生事件监听
SL:RegisterLUAEvent(LUA_EVENT_REIN_ATTR_CHANGE, "ReinUI", HandleReinAttrChange)
-- 界面关闭时移除事件监听
local function OnClose()
SL:UnRegisterLUAEvent(LUA_EVENT_REIN_ATTR_CHANGE, "ReinUI")
end
-- 设置界面关闭回调
GUI:addOnCloseEvent(parent, OnClose)
```
**代码说明：**
1. **事件监听**：使用`LUA_EVENT_REIN_ATTR_CHANGE`事件监听转生属性变化
2. **界面更新**：在事件回调函数中更新界面显示内容
3. **内存管理**：界面关闭时移除事件监听，避免内存泄漏
**注意事项：**
- 实际使用时需要根据服务端返回的`data`数据结构调整获取转生等级的方式
- 如果需要在多个界面监听转生变化，可以使用不同的模块名注册
- 确保界面ID唯一，避免与其他界面冲突
这样当玩家转生成功后，服务端会触发`LUA_EVENT_REIN_ATTR_CHANGE`事件，前端自动更新界面显示最新的转生等级。
← 返回问答库