Bag = {}
function Bag.Init(isWin32)
-- 网格配置
Bag._ScrollHeight = isWin32 and 214 or 320 -- 容器滚动区域的高度
Bag._PWidth = isWin32 and 338 or 500 -- 容器可见区域 宽
Bag._PHeight = isWin32 and 214 or 320 -- 容器可见区域 高
Bag._IW
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-03-18 12:33:36 |
👁️ 阅读: 5
你的代码里需要创建一个垂直滚动容器来放置装备，并且要实现自动放入10个格子的功能。以下是完整的实现代码：
```lua
-- 在Bag.main函数中添加装备滚动容器初始化
function Bag.main(page)
local parent = GUI:Attach_Parent()
local isWin32 = SL:GetMetaValue("WINPLAYMODE")
GUI:LoadExport(parent, isWin32 and "bag/bag_panel_win32" or "bag/bag_panel")
Bag._ui = GUI:ui_delegate(parent)
Bag._UI_ScrollView = Bag._ui["ScrollView_items"]
-- 初始化数据
Bag.Init(isWin32)
-- 适配
GUI:setPositionY(Bag._ui["Panel_1"], isWin32 and SL:GetMetaValue("PC_POS_Y") or SL:GetMetaValue("SCREEN_HEIGHT") / 2)
-- 界面拖动
GUI:Win_SetDrag(parent, Bag._ui["Image_bg"])
-- 界面浮起
GUI:Win_SetZPanel(parent, Bag._ui["Image_bg"])
GUI:addOnClickEvent(Bag._ui["Button_close"], function()
SL:CloseBagUI()
end)
-- 存入英雄背包
local Button_store_hero_bag = Bag._ui["Button_store_hero_bag"]
GUI:addOnClickEvent(Button_store_hero_bag, function()
local changeStoreMode = not Bag._changeStoreMode
if changeStoreMode then
local isActiveHero = SL:GetMetaValue("HERO_IS_ACTIVE")
if not isActiveHero then
return SL:ShowSystemTips("英雄还未激活")
end
local isCallHero = SL:GetMetaValue("HERO_IS_ALIVE")
if not isCallHero then
return SL:ShowSystemTips("英雄还未召唤")
end
end
Bag._changeStoreMode = changeStoreMode
GUI:Button_setGrey(Button_store_hero_bag, changeStoreMode)
end)
GUI:setVisible(Button_store_hero_bag, SL:GetMetaValue("USEHERO"))
-- 初始化装备滚动容器
Bag.InitEquipScrollView()
-- 初始化左侧背包页签
Bag.InitPage()
Bag.PageTo(page or 1)
Bag.OnUpdateGold()
Bag.RegisterEvent()
end
-- 初始化装备滚动容器
function Bag.InitEquipScrollView()
-- 创建装备滚动容器
local equipScrollView = GUI:ScrollView_Create(Bag._parent, "equip_scroll_view", 400, 100, 200, 300)
GUI:ScrollView_setDirection(equipScrollView, 1) -- 1表示垂直滚动
GUI:ScrollView_setBounceEnabled(equipScrollView, true)
-- 装备列表
local equipList = {
"九天玄气ツ阴阳逆乱",
"乾坤定星盘",
"鬼新娘の呼唤",
"帝乙木敕令",
"无极剑魂·道天一心"
}
-- 创建10个装备格子
local itemWidth = 60
local itemHeight = 60
local spacing = 10
local startY = 280
for i = 1, 10 do
-- 创建装备格子背景
local itemBg = GUI:Image_Create(equipScrollView, "equip_item_bg_" .. i, 20, startY - (i-1) * (itemHeight + spacing), "res/public/1900000610.png")
GUI:setContentSize(itemBg, itemWidth, itemHeight)
-- 创建装备图标
local equipIcon = GUI:Image_Create(itemBg, "equip_icon_" .. i, 0, 0, "res/public/1900000612.png")
GUI:setPosition(equipIcon, itemWidth/2, itemHeight/2)
-- 创建装备名称
local equipName = ""
if i <= #equipList then
equipName = equipList[i]
else
equipName = "装备" .. i
end
local nameText = GUI:Text_Create(itemBg, "equip_name_" .. i, 0, -20, 12, "#ffffff", equipName)
GUI:Text_setFontName(nameText, "fonts/font5.ttf")
GUI:setPosition(nameText, itemWidth/2, -10)
-- 设置点击事件
GUI:addOnClickEvent(itemBg, function()
SL:print("点击了装备：" .. equipName)
-- 这里可以添加装备操作逻辑
end)
end
-- 设置滚动容器内部大小
local totalHeight = 10 * (itemHeight + spacing) + 20
GUI:ScrollView_setInnerContainerSize(equipScrollView, 200, totalHeight)
-- 保存引用
Bag._equipScrollView = equipScrollView
end
-- 在Bag.Init函数中初始化装备相关变量
function Bag.Init(isWin32)
-- 网格配置
Bag._ScrollHeight = isWin32 and 214 or 320
Bag._PWidth = isWin32 and 338 or 500
Bag._PHeight = isWin32 and 214 or 320
Bag._IWidth = isWin32 and 42.8 or 62.5
Bag._IHeight = isWin32 and 40.6 or 64
Bag._Row = 5
Bag._Col = 8
Bag._PerPageNum = 40
Bag._defaultNum = 40
Bag._MaxPage = 5
Bag._codeInitGrid = false
Bag._changeStoreMode = false
Bag._bagPage = 1
Bag._selPage = 0
Bag._openNum = SL:GetMetaValue("MAX_BAG")
Bag._lockImg = "res/public/icon_tyzys_01.png"
Bag._baiTanImg = isWin32 and "res/public/word_bqzy_09_1.png" or "res/public/word_bqzy_09.png"
Bag._bagPageBtns = {}
-- 装备滚动容器相关配置
Bag._equipScrollView = nil
Bag._equipItems = {}
end
-- 在关闭事件中清理装备容器
function Bag.OnClose(winID)
if winID and winID == "BagLayerGUI" then
-- 清理装备容器
if Bag._equipScrollView and not GUI:Win_IsNull(Bag._equipScrollView) then
GUI:removeFromParent(Bag._equipScrollView)
Bag._equipScrollView = nil
end
Bag.UnRegisterEvent()
end
end
```
这段代码实现了以下功能：
1. **创建垂直滚动容器**：使用`GUI:ScrollView_Create`创建了一个200x300的垂直滚动容器
2. **自动创建10个装备格子**：每个格子包含背景、图标和装备名称
3. **装备名称显示**：前5个格子显示你指定的装备名称，后5个显示"装备X"
4. **点击事件**：每个格子都有点击事件，点击后会打印装备名称
5. **资源使用**：使用`res/public/1900000610.png`作为背景，`res/public/1900000612.png`作为按钮图标
6. **字体设置**：使用`fonts/font5.ttf`字体显示装备名称
7. **内存管理**：在关闭界面时清理装备容器，避免内存泄漏
注意：这段代码完全基于你的现有代码结构，没有修改官方原有逻辑，只是添加了装备滚动容器的功能。
你的代码里需要创建一个垂直滚动容器来放置装备，并且要实现自动放入10个格子的功能。以下是完整的实现代码：
```lua
-- 在Bag.main函数中添加装备滚动容器初始化
function Bag.main(page)
local parent = GUI:Attach_Parent()
local isWin32 = SL:GetMetaValue("WINPLAYMODE")
GUI:LoadExport(parent, isWin32 and "bag/bag_panel_win32" or "bag/bag_panel")
Bag._ui = GUI:ui_delegate(parent)
Bag._UI_ScrollView = Bag._ui["ScrollView_items"]
-- 初始化数据
Bag.Init(isWin32)
-- 适配
GUI:setPositionY(Bag._ui["Panel_1"], isWin32 and SL:GetMetaValue("PC_POS_Y") or SL:GetMetaValue("SCREEN_HEIGHT") / 2)
-- 界面拖动
GUI:Win_SetDrag(parent, Bag._ui["Image_bg"])
-- 界面浮起
GUI:Win_SetZPanel(parent, Bag._ui["Image_bg"])
GUI:addOnClickEvent(Bag._ui["Button_close"], function()
SL:CloseBagUI()
end)
-- 存入英雄背包
local Button_store_hero_bag = Bag._ui["Button_store_hero_bag"]
GUI:addOnClickEvent(Button_store_hero_bag, function()
local changeStoreMode = not Bag._changeStoreMode
if changeStoreMode then
local isActiveHero = SL:GetMetaValue("HERO_IS_ACTIVE")
if not isActiveHero then
return SL:ShowSystemTips("英雄还未激活")
end
local isCallHero = SL:GetMetaValue("HERO_IS_ALIVE")
if not isCallHero then
return SL:ShowSystemTips("英雄还未召唤")
end
end
Bag._changeStoreMode = changeStoreMode
GUI:Button_setGrey(Button_store_hero_bag, changeStoreMode)
end)
GUI:setVisible(Button_store_hero_bag, SL:GetMetaValue("USEHERO"))
-- 初始化装备滚动容器
Bag.InitEquipScrollView()
-- 初始化左侧背包页签
Bag.InitPage()
Bag.PageTo(page or 1)
Bag.OnUpdateGold()
Bag.RegisterEvent()
end
-- 初始化装备滚动容器
function Bag.InitEquipScrollView()
-- 创建装备滚动容器
local equipScrollView = GUI:ScrollView_Create(Bag._parent, "equip_scroll_view", 400, 100, 200, 300)
GUI:ScrollView_setDirection(equipScrollView, 1) -- 1表示垂直滚动
GUI:ScrollView_setBounceEnabled(equipScrollView, true)
-- 装备列表
local equipList = {
"九天玄气ツ阴阳逆乱",
"乾坤定星盘",
"鬼新娘の呼唤",
"帝乙木敕令",
"无极剑魂·道天一心"
}
-- 创建10个装备格子
local itemWidth = 60
local itemHeight = 60
local spacing = 10
local startY = 280
for i = 1, 10 do
-- 创建装备格子背景
local itemBg = GUI:Image_Create(equipScrollView, "equip_item_bg_" .. i, 20, startY - (i-1) * (itemHeight + spacing), "res/public/1900000610.png")
GUI:setContentSize(itemBg, itemWidth, itemHeight)
-- 创建装备图标
local equipIcon = GUI:Image_Create(itemBg, "equip_icon_" .. i, 0, 0, "res/public/1900000612.png")
GUI:setPosition(equipIcon, itemWidth/2, itemHeight/2)
-- 创建装备名称
local equipName = ""
if i <= #equipList then
equipName = equipList[i]
else
equipName = "装备" .. i
end
local nameText = GUI:Text_Create(itemBg, "equip_name_" .. i, 0, -20, 12, "#ffffff", equipName)
GUI:Text_setFontName(nameText, "fonts/font5.ttf")
GUI:setPosition(nameText, itemWidth/2, -10)
-- 设置点击事件
GUI:addOnClickEvent(itemBg, function()
SL:print("点击了装备：" .. equipName)
-- 这里可以添加装备操作逻辑
end)
end
-- 设置滚动容器内部大小
local totalHeight = 10 * (itemHeight + spacing) + 20
GUI:ScrollView_setInnerContainerSize(equipScrollView, 200, totalHeight)
-- 保存引用
Bag._equipScrollView = equipScrollView
end
-- 在Bag.Init函数中初始化装备相关变量
function Bag.Init(isWin32)
-- 网格配置
Bag._ScrollHeight = isWin32 and 214 or 320
Bag._PWidth = isWin32 and 338 or 500
Bag._PHeight = isWin32 and 214 or 320
Bag._IWidth = isWin32 and 42.8 or 62.5
Bag._IHeight = isWin32 and 40.6 or 64
Bag._Row = 5
Bag._Col = 8
Bag._PerPageNum = 40
Bag._defaultNum = 40
Bag._MaxPage = 5
Bag._codeInitGrid = false
Bag._changeStoreMode = false
Bag._bagPage = 1
Bag._selPage = 0
Bag._openNum = SL:GetMetaValue("MAX_BAG")
Bag._lockImg = "res/public/icon_tyzys_01.png"
Bag._baiTanImg = isWin32 and "res/public/word_bqzy_09_1.png" or "res/public/word_bqzy_09.png"
Bag._bagPageBtns = {}
-- 装备滚动容器相关配置
Bag._equipScrollView = nil
Bag._equipItems = {}
end
-- 在关闭事件中清理装备容器
function Bag.OnClose(winID)
if winID and winID == "BagLayerGUI" then
-- 清理装备容器
if Bag._equipScrollView and not GUI:Win_IsNull(Bag._equipScrollView) then
GUI:removeFromParent(Bag._equipScrollView)
Bag._equipScrollView = nil
end
Bag.UnRegisterEvent()
end
end
```
这段代码实现了以下功能：
1. **创建垂直滚动容器**：使用`GUI:ScrollView_Create`创建了一个200x300的垂直滚动容器
2. **自动创建10个装备格子**：每个格子包含背景、图标和装备名称
3. **装备名称显示**：前5个格子显示你指定的装备名称，后5个显示"装备X"
4. **点击事件**：每个格子都有点击事件，点击后会打印装备名称
5. **资源使用**：使用`res/public/1900000610.png`作为背景，`res/public/1900000612.png`作为按钮图标
6. **字体设置**：使用`fonts/font5.ttf`字体显示装备名称
7. **内存管理**：在关闭界面时清理装备容器，避免内存泄漏
注意：这段代码完全基于你的现有代码结构，没有修改官方原有逻辑，只是添加了装备滚动容器的功能。
← 返回问答库