在装备界面创建一个按钮 并设置点击个功能
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-05-30 12:26:06 |
👁️ 阅读: 3
根据浮生梦老师前端课程内容,在装备界面创建按钮并设置点击功能的完整代码如下:
```lua
-- 首先创建装备界面窗口作为父节点
local equipWindow = GUI:Win_Create("EquipWindow", 100, 100, 400, 500, false, false, true, false, false, false, 1)
-- 创建按钮控件
local btnEquip = GUI:Button_Create(equipWindow, "btn_test", 150, 200, "res/public/1900000612.png")
-- 设置按钮文字
GUI:Button_setTitleText(btnEquip, "装备按钮")
-- 设置按钮文字颜色和大小
GUI:Button_setTitleColor(btnEquip, "#ffffff")
GUI:Button_setTitleFontSize(btnEquip, 16)
-- 设置按下状态和禁用状态的图片(使用案例中的图片路径)
GUI:Button_loadTexturePressed(btnEquip, "res/public/1900000612.png")
GUI:Button_loadTextureDisabled(btnEquip, "res/public/1900000612.png")
-- 设置按钮内容大小
GUI:setContentSize(btnEquip, 100, 40)
-- 设置按钮不自动适应图片大小
GUI:setIgnoreContentAdaptWithSize(btnEquip, false)
-- 设置按钮锚点(居中)
GUI:setAnchorPoint(btnEquip, 0.5, 0.5)
-- 设置按钮可触摸
GUI:setTouchEnabled(btnEquip, true)
-- 添加点击事件
GUI:addOnClickEvent(btnEquip, function()
SL:print("装备按钮被点击了!")
-- 这里可以添加具体的装备功能逻辑
-- 例如:打开装备详情、更换装备等
end)
-- 如果需要设置按钮文字描边
GUI:Button_titleEnableOutline(btnEquip, "#000000", 1)
-- 设置按钮中文名称(方便调试)
GUI:setChineseName(btnEquip, "装备界面_测试按钮")
```
**代码说明:**
1. **创建窗口**:使用`GUI:Win_Create()`创建装备界面窗口作为按钮的父节点
2. **创建按钮**:使用`GUI:Button_Create()`创建按钮,指定父节点、ID、位置和图片
3. **按钮设置**:
- 设置按钮文字、颜色、大小
- 设置不同状态的图片(正常、按下、禁用)
- 设置按钮大小和锚点
- 启用触摸交互
4. **点击事件**:使用`GUI:addOnClickEvent()`添加点击回调函数
5. **附加功能**:设置文字描边和中文名称(方便调试)
**注意事项:**
- 按钮图片路径使用了你指定的`res/public/1900000612.png`
- 点击事件中使用`SL:print()`进行调试输出
- 所有函数都来自996引擎的GUI模块
- 实际开发中可以根据需要调整按钮位置、大小和功能逻辑
如果还需要添加其他功能,比如按钮状态变化、装备数据显示等,可以继续扩展这个基础代码。
← 返回问答库