HarmonyOS鸿蒙Next中Progress环状图如何设置不展示圆角

HarmonyOS鸿蒙Next中Progress环状图如何设置不展示圆角

目前的Progress Ring样式下，进度条都会有一个圆角，如何把圆角去掉。

2 回复

在HarmonyOS鸿蒙Next中，Progress环状图默认展示圆角。若需设置不展示圆角，可通过修改Progress组件的style属性，将borderRadius设置为0。具体代码示例如下：

<Progress
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:progress="50"
    ohos:style="borderRadius:0;"
/>

通过将borderRadius设为0，即可实现不展示圆角的效果。

更多关于HarmonyOS鸿蒙Next中Progress环状图如何设置不展示圆角的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS Next中，可以通过修改Progress组件的style属性来去除环状图的圆角。具体实现方式如下：

  1. 在XML布局文件中设置Progress组件的style属性为"line"：
<Progress
    ohos:width="200vp"
    ohos:height="200vp"
    ohos:progress="50"
    ohos:style="line"
    ohos:progress_color="#FF0000"
    ohos:progress_width="10vp"/>
  1. 或者在代码中动态设置：
Progress progress = (Progress) findComponentById(ResourceTable.Id_progress);
progress.setProgressStyle(ProgressStyle.LINE);

这样设置后，Progress环状图将显示为直角而非圆角。需要注意的是，这种设置会影响整个进度条的样式，使其变为直线型而非圆角型。

回到顶部