文字按钮怎么配置
🤖 回答引擎: 前端Lua |
🕒 时间: 2026-06-28 20:30:51 |
👁️ 阅读: 7
文字按钮的配置主要通过 `GUI:Button_Create()` 创建后，使用一系列 `GUI:Button_setTitle...` 函数来设置其文本属性。
**1. 创建文字按钮**
首先使用 `GUI:Button_Create()` 创建按钮，并指定父节点、ID、位置和背景图片。
```lua
local parent = GUI:Win_Create("GMMain", 0, 0, 0, 0, false, false, true, false, false, false, 1)
local textButton = GUI:Button_Create(parent, "btn_text", 100, 200, "res/public/1900000612.png")
```
**2. 设置按钮文字内容**
使用 `GUI:Button_setTitleText()` 设置按钮上显示的文字。
```lua
GUI:Button_setTitleText(textButton, "开始游戏")
```
**3. 设置文字颜色**
使用 `GUI:Button_setTitleColor()` 设置文字颜色，格式为十六进制色值。
```lua
GUI:Button_setTitleColor(textButton, "#f8e6c6")
```
**4. 设置文字大小**
使用 `GUI:Button_setTitleFontSize()` 设置文字字号。
```lua
GUI:Button_setTitleFontSize(textButton, 16)
```
**5. 设置文字字体**
使用 `GUI:Button_setTitleFontName()` 设置字体文件路径。
```lua
GUI:Button_setTitleFontName(textButton, "fonts/font.ttf")
```
**6. 设置文字描边**
使用 `GUI:Button_titleEnableOutline()` 为文字添加描边效果。
```lua
GUI:Button_titleEnableOutline(textButton, "#111111", 2)
```
**7. 设置按钮不同状态的图片（可选）**
你可以使用以下函数为按钮的不同状态（正常、按下、禁用）设置不同的图片。
```lua
-- 设置正常状态图片
GUI:Button_loadTextureNormal(textButton, "res/public/1900000612.png")
-- 设置按下状态图片
GUI:Button_loadTexturePressed(textButton, "res/public/1900000613.png")
-- 设置禁用状态图片
GUI:Button_loadTextureDisabled(textButton, "res/public/1900000614.png")
```
或者使用一个函数同时设置三种状态：
```lua
GUI:Button_loadTextures(textButton, "normal.png", "pressed.png", "disabled.png", 0)
```
**8. 添加点击事件（核心功能）**
最后，使用 `GUI:addOnClickEvent()` 为按钮绑定点击后的逻辑。
```lua
GUI:addOnClickEvent(textButton, function()
SL:Print("文字按钮被点击了！")
-- 在这里编写点击后要执行的代码
end)
```
**完整配置示例：**
```lua
-- 1. 创建父窗口
local parent = GUI:Win_Create("MainUI", 0, 0, 0, 0, false, false, true, false, false, false, 1)
-- 2. 创建文字按钮
local myButton = GUI:Button_Create(parent, "btn_start", 150, 300, "res/public/1900000612.png")
-- 3. 配置按钮文字属性
GUI:Button_setTitleText(myButton, "进入战场")
GUI:Button_setTitleColor(myButton, "#FFFFFF")
GUI:Button_setTitleFontSize(myButton, 20)
GUI:Button_setTitleFontName(myButton, "fonts/font5.ttf")
GUI:Button_titleEnableOutline(myButton, "#000000", 1)
-- 4. 设置按钮状态图片（增强视觉效果）
GUI:Button_loadTexturePressed(myButton, "res/public/1900000613.png")
-- 5. 绑定点击事件
GUI:addOnClickEvent(myButton, function()
SL:Print("玩家点击了[进入战场]按钮")
-- 执行进入游戏的逻辑
end)
```
**关键点总结：**
- **创建**：`GUI:Button_Create()`
- **文字内容**：`GUI:Button_setTitleText()`
- **文字样式**：`setTitleColor`、`setTitleFontSize`、`setTitleFontName`
- **文字效果**：`titleEnableOutline` 用于描边
- **状态图片**：`loadTextureNormal/Pressed/Disabled` 让按钮交互更有反馈
- **事件绑定**：`addOnClickEvent()` 是让按钮“活”起来的关键
按照这个流程，你就能创建出功能完整、样式美观的文字按钮了。如果对某个具体函数的使用还有疑问，可以随时问我。
← 返回问答库