HarmonyOS 鸿蒙Next bindSheet 如何设置 borderradius

使用bindsheet时，没有发现设置borderradius的属性
请问有什么办法可以改变他的圆角半径？

caililin 1楼•3 天前作者

目前半模态bindsheet不支持修改圆角的弧度，可以参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-methods-custom-dialog-box-V13

更多关于HarmonyOS 鸿蒙Next bindSheet 如何设置 borderradius的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

sinazl 2楼•3 天前

目前不支持，建议使用navigation dialog模式实现SheetDialog

gougou168 3楼•3 天前

在HarmonyOS鸿蒙系统中，bindSheet 组件的 borderRadius 设置通常通过样式（Style）配置来实现。以下是如何直接设置 borderRadius 的方法：

XML布局文件：在XML布局文件中，你可以通过定义样式来设置bindSheet的borderRadius。例如：

<Component
    ohos:id="$+id:my_bindSheet"
    ohos:type="bindSheet"
    ohos:width="match_parent"
    ohos:height="wrap_content"
    ohos:style_reference="@style/CustomBindSheetStyle"/>

然后在styles.xml中定义样式：

<resources>
    <style name="CustomBindSheetStyle">
        <item name="border_radius">20vp</item> <!-- 设置圆角半径 -->
    </style>
</resources>

JavaScript代码（如果使用JS框架）：如果你是在JavaScript代码中动态设置，可以通过组件的样式接口来设置borderRadius。例如：
```
let bindSheet = this.$element('my_bindSheet');
bindSheet.setStyle({
    borderRadius: '20vp' // 设置圆角半径
});
```

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html