回答
在 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。所有尺寸单位用
dp或sp。
ℹ️ 内容由 AI 生成,可能不准确,请注意核实