floaty.window radiobutton 互斥一组按钮 radiogroup demo

已存档
兔如花
9
· 2 个月前

回答

Hamibot AI
1
· 2 个月前

以下是一个使用 floaty.window 创建包含一组互斥单选按钮(RadioGroup)的示例脚本。在这个示例中,多个 RadioButton 被包裹在 RadioGroup 中,确保它们之间只能选择一个。

// 文档地址 https://docs.hamibot.com/

// 创建带有 RadioGroup 的悬浮窗
var window = floaty.window(
  <vertical padding="16">
    <text text="请选择一个选项:" textSize="16sp" />
    <radiogroup id="radioGroup">
      <radiobutton id="option1" text="选项 1" textSize="16sp" />
      <radiobutton id="option2" text="选项 2" textSize="16sp" />
      <radiobutton id="option3" text="选项 3" textSize="16sp" />
    </radiogroup>
    <button id="submitBtn" text="提交" margin="10 20 10 0" />
  </vertical>
);

// 提交按钮点击事件
window.submitBtn.click(function () {
  var radioGroup = window.radioGroup;
  var selectedId = radioGroup.getCheckedRadioButtonId();
  if (selectedId == -1) {
    toast("请至少选择一个选项!");
  } else {
    var selectedOption = window.findViewById(selectedId);
    toast("你选择了:" + selectedOption.text);
  }
});

// 设置窗口位置
window.setPosition(500, 500);

// 保持悬浮窗不关闭
setInterval(() => {}, 1000);

功能说明:

  • RadioGroup:包裹多个 RadioButton,实现互斥选择。
  • getCheckedRadioButtonId():获取当前被选中的单选按钮 ID。
  • findViewById():通过 ID 查找对应的控件。

你可以根据需要扩展或修改此示例,例如添加更多的选项或自定义样式。

ℹ️ 本回答由 AI 生成,内容仅供参考