要实现在 UI 界面中修改参数的功能，可以通过 Hamibot 提供的 ui 模块来创建界面，并结合控件与脚本逻辑交互。以下是实现该功能的具体方法和步骤。

✅ 基本思路

1. 创建界面布局：使用 ui.layout() 创建一个包含输入控件和操作按钮的界面。
2. 绑定点击事件：为按钮绑定点击事件，用于触发参数的获取或更新操作。
3. 获取控件值：通过控件的 id 获取其内容，通常使用 attr('text') 方法。
4. 操作线程安全：由于脚本主线程不是 UI 线程，所有对 UI 的操作都应使用 ui.run() 包裹。

📄 示例代码

'ui';

var paramValue = "初始值";

// 定义界面布局
ui.layout(
  <vertical padding="16">
    <input id="inputParam" text="请输入参数" />
    <button text="确认修改" onclick="updateParam" />
  </vertical>
);

function updateParam() {
  ui.run(function() {
    // 获取输入框中的内容
    paramValue = ui.inputParam.attr("text");
    // 提示用户参数已更新
    toast("参数已更新为：" + paramValue);
  });
}

🧩 控件说明

• <input>：用于用户输入内容，支持设置 id 以便后续操作。
• <button>：用于触发操作，onclick 属性绑定点击事件函数。
• toast()：显示提示信息，帮助用户确认操作结果。

📌 注意事项

• 所有对 UI 控件的操作（如读取、设置内容）都必须在 ui.run() 中执行，否则会抛出异常。
• 控件的 id 是唯一标识符，用于在脚本中引用该控件。
• 参数值的类型（如数字、字符串）需要根据实际需求进行转换。

📚 文档参考

• ui.layout()：https://docs.hamibot.com/#uimodule
• ui.run()：https://docs.hamibot.com/#uirun
• attr()：https://docs.hamibot.com/#uiviewattr

通过上述方式，你可以轻松在 Hamibot 脚本中构建 UI 界面并实现参数的动态修改。