按钮与本地脚本：打开探险提示卡

Learning route

先准备，再动手；看到结果后，记得保存。

每完成一小步，就测试一次。先说出你预计会看到什么，再用 Play 和 Output 检查，不用急着一次写完所有代码。

Step by step

01 · 把按钮和提示放在同一个界面里

为了不依赖上一课面板的内部结构，本课把两个新对象直接放到 AdventureGui 下。原有 Panel 可以保留在左上角。

在编辑状态就能看到提示框，但真正测试点击要用 Play。LocalScript 放在正确容器里运行，放在普通 Workspace Part 下通常不会按本课预期运行。

1. 在 AdventureGui 中创建 TextButton：HintButton，Position={1,-136},{0,16}，Size={0,120},{0,48}，Text=提示。
2. 同级创建 TextLabel：HintPanel，Position={0.5,-150},{0.5,-60}，Size={0,300},{0,120}。
3. HintPanel.Text=先去营地，再沿蓝色路标找桥。TextWrapped=true、TextSize=20、Visible=false。
4. 在 AdventureGui 中创建 LocalScript：HintController。

Step by step

02 · script.Parent 指向运行中的界面

这段脚本从 StarterGui 复制到 PlayerGui 后执行。因此 script.Parent 指向这位玩家自己的 AdventureGui。

WaitForChild 等待按钮和提示对象准备好。它不能修复拼写错误，HintButton 与 hintButton 仍是两个名字。

1. 检查 HintController 的图标和类型确实是 LocalScript。
2. 对照层级确认 HintButton 与 HintPanel 是它的同级对象。

Step by step

03 · 让状态同时改变两处显示

isOpen 是这张提示卡的状态。一次点击把它取反，再根据状态更新面板 Visible 和按钮 Text。

把更新集中在 render 函数里，能减少“面板已关闭，按钮却还写着关闭”的不一致。事件只连接一次，不要在 render 里反复 Connect。

1. 粘贴完整代码。
2. Play 后点击按钮，观察面板与按钮文字一起改变。
3. 连按五次，确认没有越点越快或一次跳两次的现象。

local gui = script.Parent
local button = gui:WaitForChild("HintButton")
local panel = gui:WaitForChild("HintPanel")
local isOpen = false

local function render()
    panel.Visible = isOpen
    if isOpen then
        button.Text = "关闭提示"
    else
        button.Text = "提示"
    end
end

button.Activated:Connect(function()
    isOpen = not isOpen
    render()
end)
render()

Step by step

04 · 本地界面不能决定金币奖励

“我打开提示”只需要改变自己的屏幕，用本地脚本很合适。“我获得金币”会影响游戏规则，需要服务器确认。

先记住这个边界，下一课会用两个客户端亲眼观察差别。不要因为 LocalScript 写起来方便，就把重要游戏记录都放进去。

1. 在 Output 中筛选 Client，确认本地消息与服务器消息能分开看。
2. 若加入 print("Hint opened")，只让它表达界面操作，不把它当作奖励成功。

Step by step

05 · 让提示卡对小屏幕也友好

300 像素宽的提示框在非常窄的屏幕上仍需检查。文字太长时，先缩短线索，而不是把字号压到看不清。

如果点击没有反应，先检查是不是在 Play、按钮是否被别的界面遮住、LocalScript 是否报错。

1. 用鼠标和设备模拟中的点击各测试一次。
2. 确认关闭后看得见场景，不留下透明却挡操作的大面板。
3. Stop 后保存，保留正确的对象名称。

Exit questions

先自己回答，再展开看看。

Explore further

需要查资料时，从这里出发。

正文代码可以直接复制。先确认脚本类型、放置位置，以及这段代码是完整版本还是小实验；不要把同一脚本的多个版本叠加运行。界面参考图已标注来源，图中的对象名可能与本课不同，请以操作步骤为准。

• 交互按钮 ↗
• 脚本运行位置 ↗