我们在HarmonyOS开发中，如何一个自定义的进度条？

Question

我们在HarmonyOS开发中，如何一个自定义的进度条？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

可以使用ProgressBar组件来实现自定义的进度条。

@Entry
@Component
struct ProgressBarAbility {
  @State private progress: number = 0;

  build() {
    Column() {
      ProgressBar(this.progress)
        .width(200)
        .height(20)
        .foregroundColor(Color.Blue);

      Button('Increase Progress').onClick(() => {
        this.progress = Math.min(this.progress + 0.1, 1);
      });
      Button('Decrease Progress').onClick(() => {
        this.progress = Math.max(this.progress - 0.1, 0);
      });
    }
  }
}

参见：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。