------------ 装备tips ------------------------------------------------
function ItemTips.CreateEquipPanel(data, itemData, isWear, panelInsertIndex)
if not data or not itemData then
return
end
if SL:GetMetaValue("WINPLAYMODE") then
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-04-08 12:08:22 |
👁️ 阅读: 0
你添加的序列帧显示位置不对，是因为你创建时使用的是绝对坐标 (0, 0)，并且没有正确设置它的锚点和父节点关系。
根据浮生梦老师前端课程内容，你需要做以下调整：
```lua
-- 创建序列帧动画
local ext = {
count = 12,
speed = 100,
loop = -1,
finishhide = 1,
}
-- 问题1：创建时使用绝对坐标，应该根据容器位置创建
local frames = GUI:Frames_Create(ListBg, "frames", 0, 0, "res/xixi/xuliezhen/", ".png", 1, 12, ext)
-- 问题2：没有设置锚点，默认是中心点
GUI:setAnchorPoint(frames, 0, 0)
-- 问题3：设置位置应该在容器内部，而不是全局坐标
GUI:setPosition(frames, -1, -1) -- 稍微偏移一点，作为边框效果
-- 问题4：设置大小应该使用容器的尺寸
local tipssize = GUI:getContentSize(ListBg)
GUI:setContentSize(frames, tipssize.width + 2, tipssize.height + 2)
-- 问题5：设置层级
GUI:setLocalZOrder(frames, 9999)
```
**关键修改点：**
1. **父节点问题**：你原来使用 `ItemTips._PList` 作为父节点，应该使用 `ListBg` 作为父节点，这样序列帧才会跟随容器移动。
2. **坐标问题**：`GUI:setPosition(frames, 0, 0)` 是相对于父容器 `ListBg` 的坐标，不是屏幕坐标。
3. **锚点问题**：默认锚点是 (0.5, 0.5) 中心点，需要设置为 (0, 0) 左上角才能正确对齐。
4. **尺寸同步**：需要在容器大小确定后（`ItemTips.RefreshItemPosition` 调用后）再设置序列帧的大小。
**建议的修改位置：**
在你原来的代码中，找到这两行：
```lua
local tipssize = GUI:getContentSize(ListBg)
GUI:setContentSize(frames, tipssize.width+2, tipssize.height+2)
GUI:setLocalZOrder(frames, 9999)
```
修改为：
```lua
-- 在 ItemTips.RefreshItemPosition 调用之后设置序列帧
GUI:setAnchorPoint(frames, 0, 0)
GUI:setPosition(frames, -1, -1)
local tipssize = GUI:getContentSize(ListBg)
GUI:setContentSize(frames, tipssize.width + 2, tipssize.height + 2)
GUI:setLocalZOrder(frames, 9999)
```
这样序列帧就会正确显示在装备tips的边框位置，并且随着容器大小自动调整了。
你添加的序列帧显示位置不对，是因为你创建时使用的是绝对坐标 (0, 0)，并且没有正确设置它的锚点和父节点关系。
根据浮生梦老师前端课程内容，你需要做以下调整：
```lua
-- 创建序列帧动画
local ext = {
count = 12,
speed = 100,
loop = -1,
finishhide = 1,
}
-- 问题1：创建时使用绝对坐标，应该根据容器位置创建
local frames = GUI:Frames_Create(ListBg, "frames", 0, 0, "res/xixi/xuliezhen/", ".png", 1, 12, ext)
-- 问题2：没有设置锚点，默认是中心点
GUI:setAnchorPoint(frames, 0, 0)
-- 问题3：设置位置应该在容器内部，而不是全局坐标
GUI:setPosition(frames, -1, -1) -- 稍微偏移一点，作为边框效果
-- 问题4：设置大小应该使用容器的尺寸
local tipssize = GUI:getContentSize(ListBg)
GUI:setContentSize(frames, tipssize.width + 2, tipssize.height + 2)
-- 问题5：设置层级
GUI:setLocalZOrder(frames, 9999)
```
**关键修改点：**
1. **父节点问题**：你原来使用 `ItemTips._PList` 作为父节点，应该使用 `ListBg` 作为父节点，这样序列帧才会跟随容器移动。
2. **坐标问题**：`GUI:setPosition(frames, 0, 0)` 是相对于父容器 `ListBg` 的坐标，不是屏幕坐标。
3. **锚点问题**：默认锚点是 (0.5, 0.5) 中心点，需要设置为 (0, 0) 左上角才能正确对齐。
4. **尺寸同步**：需要在容器大小确定后（`ItemTips.RefreshItemPosition` 调用后）再设置序列帧的大小。
**建议的修改位置：**
在你原来的代码中，找到这两行：
```lua
local tipssize = GUI:getContentSize(ListBg)
GUI:setContentSize(frames, tipssize.width+2, tipssize.height+2)
GUI:setLocalZOrder(frames, 9999)
```
修改为：
```lua
-- 在 ItemTips.RefreshItemPosition 调用之后设置序列帧
GUI:setAnchorPoint(frames, 0, 0)
GUI:setPosition(frames, -1, -1)
local tipssize = GUI:getContentSize(ListBg)
GUI:setContentSize(frames, tipssize.width + 2, tipssize.height + 2)
GUI:setLocalZOrder(frames, 9999)
```
这样序列帧就会正确显示在装备tips的边框位置，并且随着容器大小自动调整了。
← 返回问答库