function qiehuan(actor)
local k = SL:GetMetaValue("SCREEN_WIDTH")
local g = SL:GetMetaValue("SCREEN_HEIGHT")
-- 创建父节点
local parent = GUI:Win_Create("MapChangeContainer", 0, 0, 0, 0, false, false, true, false, false, false, 1)
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-04-15 14:04:08 |
👁️ 阅读: 7
你的代码没有淡入淡出效果的主要原因是在动作组合时出现了问题。让我帮你分析一下：
```lua
function qiehuan(actor)
local k = SL:GetMetaValue("SCREEN_WIDTH")
local g = SL:GetMetaValue("SCREEN_HEIGHT")
-- 创建父节点
local parent = GUI:Win_Create("MapChangeContainer", 0, 0, 0, 0, false, false, true, false, false, false, 1)
-- 容器最终宽200，高63
local containerWidth = 200
local containerHeight = 63
-- 计算容器位置（正上方居中）
local posX = k / 2 - containerWidth / 3
local posY = g - 163
-- 创建容器，初始宽度为0
local container = GUI:Layout_Create(parent, "top_container", posX, posY, 0, containerHeight, false)
-- 给容器添加背景图片
local bg = GUI:Image_Create(container, "bg_image", 0, 0, "res/xixi/ditu/3.png")
GUI:setContentSize(bg, 0, containerHeight) -- 初始宽度为0
-- 设置初始透明度为0（完全透明）
GUI:setOpacity(container, 0)
-- 创建动画序列
local function createAnimation()
-- 第一步：0.5秒内淡入并拉伸到目标宽度
local fadeInAndExpand = GUI:ActionSpawn(
GUI:ActionFadeIn(0.5), -- 淡入动作（时间改为0.5秒）
GUI:ActionSequence(
GUI:CallFunc(function()
-- 使用ActionMoveBy来改变宽度（通过改变x位置和宽度来实现）
-- 注意：这里需要自定义一个宽度变化函数
local function expandWidth()
local currentWidth = 0
local targetWidth = containerWidth
local duration = 0.5
local startTime = os.clock()
local function updateWidth()
local elapsed = os.clock() - startTime
local progress = math.min(elapsed / duration, 1)
local newWidth = currentWidth + (targetWidth - currentWidth) * progress
-- 重新设置容器位置和大小
GUI:setPosition(container, posX - newWidth/2 + containerWidth/2, posY)
GUI:setContentSize(container, newWidth, containerHeight)
GUI:setContentSize(bg, newWidth, containerHeight)
if progress < 1 then
SL:ScheduleOnce(updateWidth, 0.016) -- 约60帧
end
end
SL:ScheduleOnce(updateWidth, 0.016)
end
expandWidth()
end),
GUI:DelayTime(0.5)
)
)
-- 第二步：等待0.5秒
local wait = GUI:DelayTime(0.5)
-- 第三步：0.5秒内淡出并收缩到0宽度
local fadeOutAndShrink = GUI:ActionSpawn(
GUI:ActionFadeOut(0.5), -- 淡出动作（时间改为0.5秒）
GUI:ActionSequence(
GUI:CallFunc(function()
-- 自定义宽度收缩函数
local function shrinkWidth()
local currentWidth = containerWidth
local targetWidth = 0
local duration = 0.5
local startTime = os.clock()
local function updateWidth()
local elapsed = os.clock() - startTime
local progress = math.min(elapsed / duration, 1)
local newWidth = currentWidth - (currentWidth - targetWidth) * progress
-- 重新设置容器位置和大小
GUI:setPosition(container, posX - newWidth/2 + containerWidth/2, posY)
GUI:setContentSize(container, newWidth, containerHeight)
GUI:setContentSize(bg, newWidth, containerHeight)
if progress < 1 then
SL:ScheduleOnce(updateWidth, 0.016)
end
end
SL:ScheduleOnce(updateWidth, 0.016)
end
shrinkWidth()
end),
GUI:DelayTime(0.5) -- 时间改为0.5秒
)
)
-- 第四步：隐藏容器
local hideAction = GUI:CallFunc(function()
GUI:setVisible(container, false)
end)
-- 组合所有动作
local sequence = GUI:ActionSequence(fadeInAndExpand, wait, fadeOutAndShrink, hideAction)
-- 播放动画
GUI:runAction(container, sequence)
end
-- 开始动画
createAnimation()
end
SL:RegisterLUAEvent(LUA_EVENT_MAPINFOCHANGE, '', qiehuan)
```
**主要问题：**
1. **淡入淡出时间太长**：你设置了2秒的淡入淡出时间，但宽度动画只有0.5秒，导致视觉上不明显
2. **宽度变化函数干扰**：自定义的宽度变化函数可能会影响淡入淡出效果的显示
3. **动作组合问题**：`ActionSpawn`中的两个动作可能没有正确同步
**建议简化方案：**
如果你想要更明显的淡入淡出效果，可以简化代码，专注于透明度变化：
```lua
-- 简化的淡入淡出动画
local function createSimpleAnimation()
-- 直接使用淡入动作
local fadeIn = GUI:ActionFadeIn(0.3)
local wait = GUI:DelayTime(0.5)
local fadeOut = GUI:ActionFadeOut(0.3)
local hide = GUI:CallFunc(function()
GUI:setVisible(container, false)
end)
local sequence = GUI:ActionSequence(fadeIn, wait, fadeOut, hide)
GUI:runAction(container, sequence)
end
```
这样就能看到明显的淡入淡出效果了！记得不懂的可以问浮生梦尊师哦~
你的代码没有淡入淡出效果的主要原因是在动作组合时出现了问题。让我帮你分析一下：
```lua
function qiehuan(actor)
local k = SL:GetMetaValue("SCREEN_WIDTH")
local g = SL:GetMetaValue("SCREEN_HEIGHT")
-- 创建父节点
local parent = GUI:Win_Create("MapChangeContainer", 0, 0, 0, 0, false, false, true, false, false, false, 1)
-- 容器最终宽200，高63
local containerWidth = 200
local containerHeight = 63
-- 计算容器位置（正上方居中）
local posX = k / 2 - containerWidth / 3
local posY = g - 163
-- 创建容器，初始宽度为0
local container = GUI:Layout_Create(parent, "top_container", posX, posY, 0, containerHeight, false)
-- 给容器添加背景图片
local bg = GUI:Image_Create(container, "bg_image", 0, 0, "res/xixi/ditu/3.png")
GUI:setContentSize(bg, 0, containerHeight) -- 初始宽度为0
-- 设置初始透明度为0（完全透明）
GUI:setOpacity(container, 0)
-- 创建动画序列
local function createAnimation()
-- 第一步：0.5秒内淡入并拉伸到目标宽度
local fadeInAndExpand = GUI:ActionSpawn(
GUI:ActionFadeIn(0.5), -- 淡入动作（时间改为0.5秒）
GUI:ActionSequence(
GUI:CallFunc(function()
-- 使用ActionMoveBy来改变宽度（通过改变x位置和宽度来实现）
-- 注意：这里需要自定义一个宽度变化函数
local function expandWidth()
local currentWidth = 0
local targetWidth = containerWidth
local duration = 0.5
local startTime = os.clock()
local function updateWidth()
local elapsed = os.clock() - startTime
local progress = math.min(elapsed / duration, 1)
local newWidth = currentWidth + (targetWidth - currentWidth) * progress
-- 重新设置容器位置和大小
GUI:setPosition(container, posX - newWidth/2 + containerWidth/2, posY)
GUI:setContentSize(container, newWidth, containerHeight)
GUI:setContentSize(bg, newWidth, containerHeight)
if progress < 1 then
SL:ScheduleOnce(updateWidth, 0.016) -- 约60帧
end
end
SL:ScheduleOnce(updateWidth, 0.016)
end
expandWidth()
end),
GUI:DelayTime(0.5)
)
)
-- 第二步：等待0.5秒
local wait = GUI:DelayTime(0.5)
-- 第三步：0.5秒内淡出并收缩到0宽度
local fadeOutAndShrink = GUI:ActionSpawn(
GUI:ActionFadeOut(0.5), -- 淡出动作（时间改为0.5秒）
GUI:ActionSequence(
GUI:CallFunc(function()
-- 自定义宽度收缩函数
local function shrinkWidth()
local currentWidth = containerWidth
local targetWidth = 0
local duration = 0.5
local startTime = os.clock()
local function updateWidth()
local elapsed = os.clock() - startTime
local progress = math.min(elapsed / duration, 1)
local newWidth = currentWidth - (currentWidth - targetWidth) * progress
-- 重新设置容器位置和大小
GUI:setPosition(container, posX - newWidth/2 + containerWidth/2, posY)
GUI:setContentSize(container, newWidth, containerHeight)
GUI:setContentSize(bg, newWidth, containerHeight)
if progress < 1 then
SL:ScheduleOnce(updateWidth, 0.016)
end
end
SL:ScheduleOnce(updateWidth, 0.016)
end
shrinkWidth()
end),
GUI:DelayTime(0.5) -- 时间改为0.5秒
)
)
-- 第四步：隐藏容器
local hideAction = GUI:CallFunc(function()
GUI:setVisible(container, false)
end)
-- 组合所有动作
local sequence = GUI:ActionSequence(fadeInAndExpand, wait, fadeOutAndShrink, hideAction)
-- 播放动画
GUI:runAction(container, sequence)
end
-- 开始动画
createAnimation()
end
SL:RegisterLUAEvent(LUA_EVENT_MAPINFOCHANGE, '', qiehuan)
```
**主要问题：**
1. **淡入淡出时间太长**：你设置了2秒的淡入淡出时间，但宽度动画只有0.5秒，导致视觉上不明显
2. **宽度变化函数干扰**：自定义的宽度变化函数可能会影响淡入淡出效果的显示
3. **动作组合问题**：`ActionSpawn`中的两个动作可能没有正确同步
**建议简化方案：**
如果你想要更明显的淡入淡出效果，可以简化代码，专注于透明度变化：
```lua
-- 简化的淡入淡出动画
local function createSimpleAnimation()
-- 直接使用淡入动作
local fadeIn = GUI:ActionFadeIn(0.3)
local wait = GUI:DelayTime(0.5)
local fadeOut = GUI:ActionFadeOut(0.3)
local hide = GUI:CallFunc(function()
GUI:setVisible(container, false)
end)
local sequence = GUI:ActionSequence(fadeIn, wait, fadeOut, hide)
GUI:runAction(container, sequence)
end
```
这样就能看到明显的淡入淡出效果了！记得不懂的可以问浮生梦尊师哦~
← 返回问答库