local jinengqianghua = {}
-- 配置数据
function jinengqianghua.main(param1, param2, param3, param4)
lib:Require(param1, function(state)
if state then
if param1 then
jinengqianghua.parent = lib:openwin(param1, nil,
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-05-01 16:45:06 |
👁️ 阅读: 6
根据浮生梦老师前端课程内容，我来帮你创建一个图片切换功能。你需要根据点击的按钮来切换显示的图片。
```lua
-- 创建父窗口
local parent = GUI:Win_Create("ImageSwitchWin", 0, 0, 0, 0, false, false, true, false, false, false, 1)
-- 创建显示图片的控件
local displayImage = GUI:Image_Create(parent, "display_image", 200, 200, "res/public_win32/1900000610.png")
-- 创建多个切换按钮
local button1 = GUI:Button_Create(parent, "btn_1", 50, 100, "res/public/1900000612.png")
GUI:Button_setTitleText(button1, "图片1")
local button2 = GUI:Button_Create(parent, "btn_2", 150, 100, "res/public/1900000612.png")
GUI:Button_setTitleText(button2, "图片2")
local button3 = GUI:Button_Create(parent, "btn_3", 250, 100, "res/public/1900000612.png")
GUI:Button_setTitleText(button3, "图片3")
-- 定义图片路径数组
local imagePaths = {
"res/public_win32/1900000610.png", -- 图片1
"res/private/player_skill/1900015021.png", -- 图片2
"res/private/player_skill/1900015020.png" -- 图片3
}
-- 按钮1点击事件 - 切换到第一张图片
GUI:addOnClickEvent(button1, function()
GUI:Image_loadTexture(displayImage, imagePaths[1])
SL:Print("切换到图片1")
end)
-- 按钮2点击事件 - 切换到第二张图片
GUI:addOnClickEvent(button2, function()
GUI:Image_loadTexture(displayImage, imagePaths[2])
SL:Print("切换到图片2")
end)
-- 按钮3点击事件 - 切换到第三张图片
GUI:addOnClickEvent(button3, function()
GUI:Image_loadTexture(displayImage, imagePaths[3])
SL:Print("切换到图片3")
end)
-- 设置图片控件属性
GUI:setContentSize(displayImage, 200, 200)
GUI:setAnchorPoint(displayImage, 0.5, 0.5)
GUI:setIgnoreContentAdaptWithSize(displayImage, false)
```
**函数说明：**
1. **GUI:Image_loadTexture(imageWidget, imagePath)**
- 参数1：图片控件对象
- 参数2：新的图片路径
- 功能：动态切换图片控件显示的图片
2. **GUI:Image_Create(parent, id, x, y, imagePath)**
- 参数1：父控件
- 参数2：控件ID
- 参数3：X坐标
- 参数4：Y坐标
- 参数5：初始图片路径
3. **GUI:Button_Create(parent, id, x, y, imagePath)**
- 参数1：父控件
- 参数2：控件ID
- 参数3：X坐标
- 参数4：Y坐标
- 参数5：按钮图片路径
**使用建议：**
- 你可以根据需要修改`imagePaths`数组中的图片路径
- 通过`GUI:setContentSize()`可以调整显示图片的大小
- 使用`GUI:setAnchorPoint()`设置锚点可以更方便地控制图片位置
- 如果按钮需要高亮效果，可以像你代码中那样使用`GUI:Button_loadTextureNormal()`来切换按钮状态
在你的技能强化界面中，可以类似地创建多个技能图标按钮，点击时切换显示对应的技能详情图片。
根据浮生梦老师前端课程内容，我来帮你创建一个图片切换功能。你需要根据点击的按钮来切换显示的图片。
```lua
-- 创建父窗口
local parent = GUI:Win_Create("ImageSwitchWin", 0, 0, 0, 0, false, false, true, false, false, false, 1)
-- 创建显示图片的控件
local displayImage = GUI:Image_Create(parent, "display_image", 200, 200, "res/public_win32/1900000610.png")
-- 创建多个切换按钮
local button1 = GUI:Button_Create(parent, "btn_1", 50, 100, "res/public/1900000612.png")
GUI:Button_setTitleText(button1, "图片1")
local button2 = GUI:Button_Create(parent, "btn_2", 150, 100, "res/public/1900000612.png")
GUI:Button_setTitleText(button2, "图片2")
local button3 = GUI:Button_Create(parent, "btn_3", 250, 100, "res/public/1900000612.png")
GUI:Button_setTitleText(button3, "图片3")
-- 定义图片路径数组
local imagePaths = {
"res/public_win32/1900000610.png", -- 图片1
"res/private/player_skill/1900015021.png", -- 图片2
"res/private/player_skill/1900015020.png" -- 图片3
}
-- 按钮1点击事件 - 切换到第一张图片
GUI:addOnClickEvent(button1, function()
GUI:Image_loadTexture(displayImage, imagePaths[1])
SL:Print("切换到图片1")
end)
-- 按钮2点击事件 - 切换到第二张图片
GUI:addOnClickEvent(button2, function()
GUI:Image_loadTexture(displayImage, imagePaths[2])
SL:Print("切换到图片2")
end)
-- 按钮3点击事件 - 切换到第三张图片
GUI:addOnClickEvent(button3, function()
GUI:Image_loadTexture(displayImage, imagePaths[3])
SL:Print("切换到图片3")
end)
-- 设置图片控件属性
GUI:setContentSize(displayImage, 200, 200)
GUI:setAnchorPoint(displayImage, 0.5, 0.5)
GUI:setIgnoreContentAdaptWithSize(displayImage, false)
```
**函数说明：**
1. **GUI:Image_loadTexture(imageWidget, imagePath)**
- 参数1：图片控件对象
- 参数2：新的图片路径
- 功能：动态切换图片控件显示的图片
2. **GUI:Image_Create(parent, id, x, y, imagePath)**
- 参数1：父控件
- 参数2：控件ID
- 参数3：X坐标
- 参数4：Y坐标
- 参数5：初始图片路径
3. **GUI:Button_Create(parent, id, x, y, imagePath)**
- 参数1：父控件
- 参数2：控件ID
- 参数3：X坐标
- 参数4：Y坐标
- 参数5：按钮图片路径
**使用建议：**
- 你可以根据需要修改`imagePaths`数组中的图片路径
- 通过`GUI:setContentSize()`可以调整显示图片的大小
- 使用`GUI:setAnchorPoint()`设置锚点可以更方便地控制图片位置
- 如果按钮需要高亮效果，可以像你代码中那样使用`GUI:Button_loadTextureNormal()`来切换按钮状态
在你的技能强化界面中，可以类似地创建多个技能图标按钮，点击时切换显示对应的技能详情图片。
← 返回问答库