【HarmonyOS NEXT应用开发】案例115:基于Progress组件的进度条

场景一:反向进度条

效果

倒计时样式的进度条

【HarmonyOS NEXT应用开发】案例115:基于Progress组件的进度条_第1张图片

方案

注意:这个Progress组件最常见的是和通用属性rotate一起使用,除了上图这种逆向倒计时,还有那种类似于温度计(从下到上加载)的效果,全都是利用rotate。

ArkUI中组件的方向轴示意图:

【HarmonyOS NEXT应用开发】案例115:基于Progress组件的进度条_第2张图片

一般而言,我们的Progress组件都是顺时针从0→100加载的。

1.Progress组件从100→0加载。

2.把这个圆形Progress按照y轴旋转180°,也就是想象一枚硬币翻转一面的样子。

你可能感兴趣的:(HarmonyOS,Next应用开发案例,harmonyos,华为,华为云,华为od)