我们在HarmonyOS开发中，如何实现应用的自定义加载指示器？

Question

我们在HarmonyOS开发中，如何实现应用的自定义加载指示器？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

自定义加载指示器可以用于显示数据加载或其他长时间运行的任务。

@Entry
@Component
struct CustomLoaderApp {
  @State isLoading: boolean = true;

  startLoading() {
    this.isLoading = true;
    setTimeout(() => {
      this.isLoading = false;
    }, 3000); // 模拟加载过程
  }

  build() {
    return (
      <UI.Page>
        <UI.Label text="Custom Loader" />
        <UI.Loader visible={this.isLoading} />
        <UI.Button text="Start Loading" onClick={() => this.startLoading()} />
      </UI.Page>
    );
  }
}

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