控件淡化或者虚化
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-04-27 22:20:42 |
👁️ 阅读: 23
要实现控件的淡化或虚化效果，可以使用透明度相关的函数。
根据浮生梦老师前端课程内容，主要有两种方式：
**1. 直接设置透明度**
```lua
-- 设置控件不透明度，value取值范围0-255（0完全透明，255完全不透明）
GUI:setOpacity(widget, value)
```
**2. 使用淡入淡出动效**
```lua
-- 淡出效果（逐渐透明）
local fadeOutAction = GUI:ActionFadeOut(time) -- time为淡出时间（秒）
-- 淡入效果（逐渐显示）
local fadeInAction = GUI:ActionFadeIn(time) -- time为淡入时间（秒）
-- 执行动作
GUI:runAction(widget, fadeOutAction)
```
**完整示例：创建一个逐渐淡化的按钮**
```lua
-- 创建父窗口
local parent = GUI:Win_Create("GMMain", 0, 0, 0, 0, false, false, true, false, false, false, 1)
-- 创建按钮
local button = GUI:Button_Create(parent, "btn_test", 100, 100, "res/public/1900000612.png")
GUI:Button_setTitleText(button, "点击淡化")
-- 设置点击事件
GUI:addOnClickEvent(button, function()
-- 执行淡出效果，2秒内逐渐透明
GUI:runAction(button, GUI:ActionFadeOut(2))
-- 如果需要完全透明后隐藏
local function hideCallback()
GUI:setVisible(button, false)
end
-- 使用动作序列：淡出后执行回调
GUI:runAction(button,
GUI:ActionSequence(
GUI:ActionFadeOut(2),
GUI:CallFunc(hideCallback)
)
)
end)
```
**注意事项：**
- 使用`GUI:setOpacity()`是立即生效，适合直接设置透明度
- 使用`GUI:ActionFadeOut()`/`GUI:ActionFadeIn()`是动画效果，适合需要过渡动画的场景
- 淡出效果只是视觉上透明，控件仍然存在，如果需要完全隐藏可配合`GUI:setVisible(widget, false)`使用
← 返回问答库