相关问题
Progress进度条如何实现渐变色?
229浏览 • 1回复 待解决
使用chart组件progress类型的进度条,如何使进度实时变化,修改segments中的value不行啊?
5828浏览 • 1回复 待解决
如何实现加载网页并显示进度条,加载成功后,隐藏进度条?
115浏览 • 1回复 待解决
如何实现带刻度的进度条?
199浏览 • 1回复 待解决
弧形进度条实现,有人知道方法吗?
467浏览 • 1回复 待解决
如何使用DataPanel实现圆形进度条功能?
139浏览 • 1回复 待解决
如何实现带图片的进度条
473浏览 • 1回复 待解决
app切换到后台时进度条的处理的问题
2302浏览 • 0回复 待解决
服务卡片的进度条如何停止动画
8428浏览 • 1回复 待解决
HarmonyOS 进度条通知,能设置的属性有哪些?
78浏览 • 1回复 待解决
HarmonyOS 如何实现ring进度条由白色逐渐变成透明色
53浏览 • 1回复 待解决
实现一个发送进度条通知的方法
87浏览 • 1回复 待解决
怎么在进度条更新的时候刷新页面?
4336浏览 • 1回复 待解决
如何实现一个月食样式的进度条?
99浏览 • 1回复 待解决
鸿蒙开发视频播放器时进度条如何实时更新?
6302浏览 • 1回复 待解决
鸿蒙 Java开发视频播放器如何实时更新进度条?
6096浏览 • 1回复 待解决
如何实现一个胶囊样式的进度条并可以设置颜色?
90浏览 • 1回复 待解决
视频进度滑动条的三种实现方式
689浏览 • 1回复 待解决
HarmonyOS Progress竖直情况进度怎么从下往上增长
32浏览 • 1回复 待解决
askTs的progress组件的值改变时如何设置过度动画?
1857浏览 • 1回复 待解决
基于原生能力的组件封装
157浏览 • 1回复 待解决
基于滚动组件的手势处理
164浏览 • 1回复 待解决
如何获取List组件滚动条滚动的距离
1891浏览 • 1回复 待解决
HarmonyOS 如何隐藏Web组件的滚动条?
68浏览 • 2回复 待解决
如何订阅List组件中滚动条到底端的事件
1363浏览 • 1回复 待解决
场景一:反向进度条
效果
倒计时样式的进度条
方案
注意:这个Progress组件最常见的是和通用属性rotate一起使用,除了上图这种逆向倒计时,还有那种类似于温度计(从下到上加载)的效果,全都是利用rotate。
ArkUI中组件的方向轴示意图:
一般而言,我们的Progress组件都是顺时针从0→100加载的。
1.Progress组件从100→0加载。
2.把这个圆形Progress按照y轴旋转180°,也就是想象一枚硬币翻转一面的样子。
核心代码
场景二:自定义电池电量的显示
效果
方案
clip(value: boolean | CircleAttribute | EllipseAttribute | PathAttribute | RectAttribute)
按指定的形状对当前组件进行裁剪。
卡片能力: 从API version 9开始,该接口支持在ArkTS卡片中使用。
系统能力: SystemCapability.ArkUI.ArkUI.Full
参数:
参数名
类型
必填
说明
value
boolean | CircleAttribute | EllipseAttribute | PathAttribute | RectAttribute
是
参数为相应类型的组件,按指定的形状对当前组件进行裁剪;参数为boolean类型时,设置是否按照父容器边缘轮廓进行裁剪。默认值:false
在使用Progress的时候要注意像如上场景中的电池型的进度条,中间的进度条是横线,而我们的这个组件Linear类型中进度条默认是带有弧度的,若要改变其边角半径就要使用clip属性,而大多数开发者往往会忽略这一点,注意使用Progress组件的时候一定要使用clip属性。
核心代码
场景三:扇形圆弧进度条
效果
方案
场景一和场景二是可以用progress组件配合其他属性来实现,但是有的不行,例如互联网运营商的app中的流量码表,这种建议不使用progress,使用canvas来自己绘制,具体实现代码如下。
核心代码
常见问题
1. progress有没有设置速度的属性?
暂时没有。
2. progress为什么有些类型设置渐变色生效有些不生效?
目前progress组件只支持ring类型的渐变色,其它类型暂不支持。