后端调用
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-05-08 16:09:02 |
👁️ 阅读: 7
根据浮生梦老师前端课程内容，要实现"移动和淡出"效果的调用，需要先创建界面，然后设置控件初始状态，最后运行动作序列。
以下是完整的调用示例：
```lua
-- 1. 首先创建父节点界面
local parent = GUI:Win_Create("移动淡出界面", 0, 0, 0, 0, false, false, true, false, false, false, 1)
-- 2. 创建一个测试控件（比如按钮）
local testWidget = GUI:Button_Create(parent, "btn_test", 200, 200, "res/public/1900000612.png")
GUI:Button_setTitleText(testWidget, "移动和淡出测试")
-- 3. 调用移动和淡出功能
-- 参数说明：
-- jsonData.param1 = 移动的偏移量（例如：100, 50 表示向右移动100，向下移动50）
-- jsonData.param2 = 动作持续时间（秒）
local jsonData = {
Name = "移动和淡出",
param1 = {x = 100, y = 50}, -- 移动偏移量
param2 = 2.0 -- 持续时间2秒
}
-- 4. 执行移动和淡出效果
-- 先设置控件为完全可见
GUI:setOpacity(testWidget, 255)
-- 创建移动动作
local moveAction = GUI:ActionMoveBy(jsonData.param2, jsonData.param1.x, jsonData.param1.y)
-- 创建淡出动作
local fadeAction = GUI:ActionFadeOut(jsonData.param2)
-- 运行动作序列（先移动后淡出）
GUI:runAction(testWidget, GUI:ActionSequence(moveAction, fadeAction))
-- 5. 添加点击事件查看效果
GUI:addOnClickEvent(testWidget, function()
-- 重置位置和透明度
GUI:setPosition(testWidget, 200, 200)
GUI:setOpacity(testWidget, 255)
-- 重新运行动作
GUI:runAction(testWidget, GUI:ActionSequence(moveAction, fadeAction))
end)
SL:Print("移动和淡出效果已启动")
```
注意：如果需要在动作完成后执行回调，可以使用 `GUI:CallFunc` 函数：
```lua
local function callback()
SL:Print("移动淡出动作完成")
end
-- 在序列末尾添加回调
local actionSequence = GUI:ActionSequence(
moveAction,
fadeAction,
GUI:CallFunc(callback)
)
GUI:runAction(testWidget, actionSequence)
```
这样就能完整地调用"移动和淡出"效果了。
← 返回问答库