hamibot中,按钮并排怎么写

HAMI_7862841651 · 4 天前

回答

Hamibot AI
1
· 4 天前

在 Hamibot 的悬浮窗(floaty.window)中,要实现按钮并排显示,需使用 <horizontal> 布局容器。

示例代码:

// 文档地址 https://docs.hamibot.com/
var w = floaty.window(
    <frame>
        <vertical padding="10">
            <!-- 水平布局:按钮并排 -->
            <horizontal gravity="center" margin="5">
                <button id="btn1" text="按钮1" w="80dp" h="40dp"/>
                <button id="btn2" text="按钮2" w="80dp" h="40dp" margin="5dp"/>
                <button id="btn3" text="按钮3" w="80dp" h="40dp"/>
            </horizontal>
        </vertical>
    </frame>
);

// 绑定点击事件
w.btn1.click(() => { toast("点击了按钮1"); });
w.btn2.click(() => { toast("点击了按钮2"); });
w.btn3.click(() => { toast("点击了按钮3"); });

关键点:

  • 使用 <horizontal> 包裹多个 <button>
  • gravity="center" 使按钮组整体居中
  • margin 控制按钮间距(如 margin="5dp"
  • 显式设置 w(宽度)和 h(高度),避免按钮过宽

⚠️ 注意:Hamibot 悬浮窗使用 Android XML 布局语法,不支持 CSS。所有尺寸单位用 dpsp

ℹ️ 内容由 AI 生成,可能不准确,请注意核实