做一个列表容器出来 20个
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-05-24 20:53:15 |
👁️ 阅读: 1
根据浮生梦老师前端课程内容,我来教你创建一个包含20个项目的列表容器。
首先创建父窗口,然后创建列表容器,最后添加20个子项:
```lua
-- 1. 创建父窗口(必须首先创建)
local parent = GUI:Win_Create("ListWindow", 0, 0, 0, 0, false, false, true, false, false, false, 1)
-- 2. 创建列表容器(垂直方向,每个子项高50像素)
local listView = GUI:ListView_Create(parent, "myListView", 100, 100, 400, 600, 1, 380, 50, 20)
-- 3. 创建并添加20个子项
for i = 1, 20 do
-- 创建子项容器
local item = GUI:Layout_Create(parent, "item_" .. i, 0, 0, 380, 50, false)
-- 创建子项中的文字
local text = GUI:Text_Create(item, "text_" .. i, 10, 10, 20, "#ffffff", "项目 " .. i)
-- 将子项添加到列表容器末尾
GUI:ListView_pushBackCustomItem(listView, item)
end
-- 4. 刷新列表布局
GUI:ListView_doLayout(listView)
-- 5. 设置列表背景(可选)
-- GUI:ListView_setBackGroundImage(listView, "res/public/1900000610.png")
```
**代码说明:**
1. `GUI:ListView_Create()` 参数说明:
- `parent`: 父节点
- `"myListView"`: 列表唯一ID
- `100, 100`: 列表位置坐标
- `400, 600`: 列表宽度和高度
- `1`: 方向(1=垂直,2=水平)
- `380, 50`: 每个子项的宽度和高度
- `20`: 需要创建的cell个数
2. 每个子项都是一个`Layout`容器,里面可以放文字、按钮等控件。
3. 使用`GUI:ListView_pushBackCustomItem()`将子项添加到列表末尾。
4. 最后调用`GUI:ListView_doLayout()`刷新布局,确保显示正确。
**注意事项:**
- 子项的`parent`参数必须是列表容器的父节点,而不是列表容器本身
- 列表容器默认是垂直滚动,如果需要水平滚动,将方向参数改为`2`
- 子项高度要设置合适,否则可能显示不全
如果你想让列表有背景图片,可以使用`GUI:ListView_setBackGroundImage()`函数,参数是图片路径。
← 返回问答库