要设置按钮的角为圆角，可以通过 radius、radiusTopLeft、radiusTopRight、radiusBottomLeft 和 radiusBottomRight 等属性来实现。

以下是常见的用法示例：

1. 设置统一的圆角半径

<button text="圆角按钮" radius="20" />

此代码将按钮的四个角都设置为 20dp 的圆角。

2. 分别设置每个角的圆角半径

<button 
    text="自定义圆角按钮" 
    radiusTopLeft="10" 
    radiusTopRight="20" 
    radiusBottomLeft="30" 
    radiusBottomRight="40" 
/>

这个按钮的每个角都有不同的圆角半径。

3. 设置圆形按钮（宽高一致）

如果希望按钮为圆形，可以将 radius 设为宽度或高度的一半，并确保宽高相同：

<button text="圆形按钮" w="100" h="100" radius="50" />

这样按钮会显示为一个圆形。

通过这些方式，你可以灵活地控制按钮的角的形状和样式。

补充回答 1

如果你发现按照上述代码设置后，按钮的四个角没有发生变化，请检查以下几点：

1. 确保使用的是支持圆角的 UI 框架或组件

在 Hamibot 的 ui 界面中，某些默认控件（如 <button>）可能不直接支持 radius 属性。你需要确认你使用的组件是否允许自定义圆角。

如果默认按钮不支持，可以尝试使用 <view> 或 <text> 元素，并手动模拟按钮行为。

2. 为按钮添加背景色或边框

如果没有设置背景颜色或边框，圆角效果可能不会明显显示出来。请尝试添加 bg 属性：

<button text="圆角按钮" radius="20" bg="#888888" />

3. 使用 `<img>` 或 `<view>` 自定义按钮

如果你需要更灵活的样式控制，推荐使用 <view> 或 <text> 并结合 radius 属性来自定义按钮样式：

<view w="120" h="40" bg="#007AFF" radius="20" gravity="center">
    <text text="点击我" textColor="#FFFFFF" textSize="16sp" />
</view>

这个例子创建了一个带有圆角的自定义按钮，文字居中显示。

4. 检查布局和父容器的影响

有时父布局（如 <horizontal> 或 <vertical>）会影响子元素的渲染。确保父容器没有裁剪子元素或者限制其形状。

示例完整代码

以下是一个完整的可运行示例，展示如何创建一个圆角按钮：

// 文档地址 https://docs.hamibot.com/
ui.layout(
    <vertical padding="20">
        <view w="150" h="50" bg="#FF5722" radius="25" gravity="center">
            <text text="圆角按钮" textColor="#FFFFFF" textSize="18sp" />
        </view>
    </vertical>
);

这样可以确保按钮四角正确显示为圆角。

回答