要求你实现一个功能，后端使用U21变量记录玩家是否购买首充礼包，前端如何接受并展示不同界面
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-04-17 19:32:02 |
👁️ 阅读: 6
根据浮生梦老师前端课程内容，实现首充礼包购买状态的前端展示，可以这样处理：
```lua
-- 创建主界面
local parent = GUI:Win_Create("FirstChargeUI", 0, 0, 0, 0, false, false, true, false, false, false, 1)
-- 获取玩家的U21变量值（首充礼包购买状态）
local chargeStatus = SL:GetMetaValue("SERVER_VALUE", "U21") -- U21变量记录首充状态
chargeStatus = chargeStatus or 0 -- 处理nil值，默认0表示未购买
-- 创建未购买界面
local function createUnpurchasedUI()
-- 清空现有内容
GUI:removeAllChildren(parent)
-- 创建背景
local bg = GUI:Image_Create(parent, "bg_unpurchased", 0, 0, "res/public_win32/1900000610.png")
GUI:setSize(bg, 800, 600)
-- 创建购买按钮
local btn = GUI:Button_Create(parent, "btn_buy", 350, 250, "res/public/1900000612.png")
GUI:Button_setTitleText(btn, "购买首充礼包")
GUI:setSize(btn, 200, 80)
-- 添加点击事件
GUI:addOnClickEvent(btn, function()
-- 发送购买请求到服务端
lualib:RequestPay({ 33, 6 }) -- 支付请求，参数根据实际情况调整
end)
-- 创建提示文字
local text = GUI:Text_Create(parent, "Text_tip", 0, 400, 20, "#ffffff", "首充礼包，超值优惠！")
GUI:Text_setFontName(text, "fonts/font5.ttf")
end
-- 创建已购买界面
local function createPurchasedUI()
-- 清空现有内容
GUI:removeAllChildren(parent)
-- 创建背景
local bg = GUI:Image_Create(parent, "bg_purchased", 0, 0, "res/public_win32/1900000610.png")
GUI:setSize(bg, 800, 600)
-- 创建已购买提示
local text = GUI:Text_Create(parent, "Text_status", 0, 300, 24, "#00ff00", "已购买首充礼包")
GUI:Text_setFontName(text, "fonts/font5.ttf")
-- 创建领取奖励按钮（如果礼包需要领取）
local btn = GUI:Button_Create(parent, "btn_receive", 350, 350, "res/public/1900000612.png")
GUI:Button_setTitleText(btn, "领取奖励")
GUI:setSize(btn, 200, 80)
GUI:addOnClickEvent(btn, function()
-- 发送领取请求
lualib:sendmsg("领取首充礼包奖励")
end)
-- 显示礼包内容
local contentText = GUI:Text_Create(parent, "Text_content", 0, 200, 18, "#ffff00",
"礼包包含：首充神剑、自动回收、军衔令牌等")
GUI:Text_setFontName(contentText, "fonts/font5.ttf")
end
-- 根据状态显示不同界面
if chargeStatus == 0 then
-- 未购买状态
createUnpurchasedUI()
else
-- 已购买状态
createPurchasedUI()
end
-- 添加定时刷新功能（可选）
local function refreshUI()
local newStatus = SL:GetMetaValue("SERVER_VALUE", "U21") or 0
if newStatus ~= chargeStatus then
chargeStatus = newStatus
if chargeStatus == 0 then
createUnpurchasedUI()
else
createPurchasedUI()
end
end
end
-- 每5秒刷新一次状态
SL:Schedule(function()
refreshUI()
end, 5)
```
实现要点：
1. **获取服务器变量**：使用 `SL:GetMetaValue("SERVER_VALUE", "U21")` 获取首充状态
2. **状态判断**：U21=0表示未购买，非0表示已购买
3. **界面切换**：根据状态创建不同的UI界面
4. **动态刷新**：通过定时器定期检查状态变化
5. **交互功能**：未购买界面有购买按钮，已购买界面有领取按钮
注意：实际开发中需要与服务端约定好U21变量的具体含义（比如0=未购买，1=已购买未领取，2=已领取等），并根据具体需求调整界面布局和交互逻辑。
← 返回问答库