local itemWidget = GUI:ItemShow_Create(item_bj, "fj_item" .. posInPage, x, y, itemDataTable)
-- 在物品控件上创建一个容器
local container = GUI:Widget_Create(itemWidget, "click_container", 0, 0, 50, 50) -- 调整尺寸覆盖物品区域
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-05-05 02:13:17 |
👁️ 阅读: 3
根据浮生梦老师前端课程内容，你需要在物品控件上创建一个容器，并实现点击切换图片的功能。以下是完整的实现代码：
```lua
-- 创建物品显示控件
local itemWidget = GUI:ItemShow_Create(item_bj, "fj_item" .. posInPage, x, y, itemDataTable)
-- 在物品控件上创建一个容器
local container = GUI:Widget_Create(itemWidget, "click_container", 0, 0, 50, 50)
-- 设置容器可穿透点击
GUI:setTouchEnabled(container, true)
GUI:setSwallowTouches(container, false) -- 允许点击穿透
-- 设置容器默认图片（第一张图片）
local defaultImage = "res/public/1900000610.png" -- 默认背景图片
local clickedImage = "res/public/1900000612.png" -- 点击后切换的图片
-- 创建容器内的图片控件
local containerImage = GUI:Image_Create(container, "container_image", 0, 0, 50, 50, defaultImage)
-- 为容器添加点击事件
GUI:addOnClickEvent(container, function()
SL:print("点击了物品容器！物品Index:", itemData.Index)
-- 切换容器图片
GUI:Image_loadTexture(containerImage, clickedImage)
-- 这里可以添加你需要的其他逻辑
end)
```
**关键点说明：**
1. 使用 `GUI:Widget_Create` 在 `itemWidget` 上创建了一个容器
2. `GUI:setSwallowTouches(container, false)` 确保点击可以穿透到下层
3. 在容器内使用 `GUI:Image_Create` 创建图片控件
4. `GUI:Image_loadTexture` 用于切换图片纹理
**注意：**
- 容器尺寸（50x50）需要根据实际物品大小调整
- 图片路径使用了案例测试中的图片资源
- 点击事件会触发图片切换，同时保持点击穿透特性
← 返回问答库