HarmonyOS 鸿蒙Next Button 四个圆角怎么实现？

要实现这样的效果

我的代码是

 Button() {
Text(“确定”).font({ size: 18, weight: 600 }).fontColor("#FFFFFFFF")
}
.layoutWeight(1)
.height(“50”)
.buttonStyle(ButtonStyleMode.NORMAL)
.borderRadius({
topLeft: 4,
topRight: 4,
bottomLeft: 4,
bottomRight: 4
})
.backgroundColor("#FF5C72E7")
.margin({ left: 8 }) >

实现的效果却是这样子的？

有点不太理解

yibo5220 1楼•1 个月前

把

buttonStyle(ButtonStyleMode.NORMAL)改成

type(ButtonType.Normal)

vueper 2楼•1 个月前

嗯嗯好的，谢谢你哈，这样子改就解决了

htzhanglong 3楼•1 个月前

我也不清楚具体原因，我这边开发都不敢用Button，里面自带的一些样式很难修改。

都是用Row+Text这种最基本的组件组合使用代替Button，这样不存在样式修改适配问题。

yibo5220 4楼•1 个月前

type(ButtonType.Normal) 后变成矩形了通过borderRadius来调整半径就可以调整了

vueper 5楼•1 个月前

在HarmonyOS中，实现一个按钮（如Next Button）具有四个圆角，通常可以通过修改按钮的样式（Style）或使用XML布局文件中的shape属性来定义其背景形状。以下是一个基于XML布局的实现方法：

创建圆角背景资源：首先，在你的res/drawable目录下创建一个新的XML文件（例如button_round_corners.xml），然后定义一个shape作为背景，并设置其corners属性来指定圆角的半径。

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#FF0000"/> <!-- 按钮颜色 -->
    <corners android:radius="16dp"/> <!-- 圆角半径 -->
</shape>

应用圆角背景到按钮：接着，在你的布局文件中找到Next Button的定义，并将其android:background属性设置为刚创建的圆角背景资源。

<Button
    android:id="@+id/next_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Next"
    android:background="@drawable/button_round_corners"/>

这样，Next Button就会拥有四个圆角了。如果问题依旧没法解决，请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。注意，这里假设的官网地址仅为示例，实际HarmonyOS的官方支持可能通过不同的渠道提供。