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

下面是一个完整的使用 floaty.window 创建的加减数量组件的示例，采用 XML 布局模式：

// 创建悬浮窗
var window = floaty.window(
    <vertical padding="10">
        <horizontal gravity="center">
            <button id="btnMinus" text="-" width="50" height="50"/>
            <text id="countText" text="0" textSize="24sp" margin="10"/>
            <button id="btnPlus" text="+" width="50" height="50"/>
        </horizontal>
    </vertical>
);

// 初始数值
var count = 0;

// 减法按钮点击事件
window.btnMinus.click(function() {
    if (count > 0) {
        count--;
        updateCountText();
    }
});

// 加法按钮点击事件
window.btnPlus.click(function() {
    count++;
    updateCountText();
});

// 更新文本显示
function updateCountText() {
    ui.run(function() {
        window.countText.setText(count.toString());
    });
}

// 初始更新
updateCountText();

// 设置定时器关闭悬浮窗（例如：10秒后）
setTimeout(function() {
    window.close();
}, 10000);

功能说明：

• 布局：使用垂直布局 <vertical> 包含一个水平布局 <horizontal>，其中包含两个按钮和一个中间的文本控件。
• 功能：
  • 点击“-”按钮减少数值，但不能小于 0。
  • 点击“+”按钮增加数值。
  • 使用 ui.run() 在 UI 线程中更新文本内容。
• 自动关闭：10 秒后自动关闭悬浮窗。

你可以根据需要调整样式、按钮大小、字体等。