Harmonyos鸿蒙开发奇淫技巧之-----为页面添加 Loading

最新推荐文章于 2025-04-18 14:41:47 发布

云兮Coder

最新推荐文章于 2025-04-18 14:41:47 发布

阅读量850

点赞数 2

分类专栏：鸿蒙文章标签： harmonyos 华为

本文链接：https://blog.youkuaiyun.com/mythace/article/details/143779919

版权

在现代应用程序中，一个良好的用户体验至关重要，以确保用户在进行数据加载时能感知到应用的响应。今天将为您展示如何优雅的在鸿蒙开发中为页面添加一个 Loading 组件。

不多说，我们直接上代码：

1.创建对话框

 
  dialog: CustomDialogController = new CustomDialogController({
    builder: HdLoadingDialog({ message: '加载中...' }),
    customStyle: true,
    alignment: DialogAlignment.Center
  })

`2. 直接使用`

在网络请求之前open, 加载成功后关闭：

 getData() {
    this.dialog.open()
    return hdHttp.get<QuestionDetail>(`question/${this.item.id}`)
      .then(res => {
        this.item = res.data
        this.list[this.index] = res.data
        this.webController.runJavaScript(`writeContent(\`${this.item.answer || ''}\`)`)
        this.dialog.close()
      })
      .catch(() => {
        this.dialog.close()
      })
  }