HarmonyOS 鸿蒙Next 有提供全局的loading加载框吗

发布于 1周前 作者 sinazl 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 有提供全局的loading加载框吗

有提供全局的loading加载框吗?我在文档中没有找到,或者有参考实现吗?谢谢!

2 回复

可以参考下面这两个法子:

方式一:写一个Loading的页面,然后在页面里创建子窗口来加载Loading页的内容,子窗口的大小和位置都可以调整。

开发指导:‘https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/application-window-stage-V5#%E8%AE%BE%E7%BD%AE%E5%BA%94%E7%94%A8%E5%AD%90%E7%AA%97%E5%8F%A3

API参考:‘https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#windowcreatewindow9

方式二:

深色代码主题
复制
//方式二:封装自定义组件
//【Index.ets】
import { LoadingPage } from './SecondPage'
import { promptAction } from '@kit.ArkUI';
let customDialogId: number = 0

@Entry @Component struct PageThree { @State flag: boolean = false; // 控制是否加载

build() { Column() { Button(‘加载动画’).onClick((event: ClickEvent) => { this.flag = !this.flag; }) LoadingPage({ flag: this.flag }); } .height(‘100%’) .width(‘100%’) .alignItems(HorizontalAlign.Start) .justifyContent(FlexAlign.Start) } }

//【SecondPage.ets】 @Entry @Component export struct LoadingPage { @Prop flag: boolean;

build() { Row() { LoadingProgress().color(Color.White).width(50).height(50) } .height(this.flag? ‘100%’ : 0) .width(‘100%’) .position({x: 0, y: 0}) .backgroundColor(’#4D000000’) .justifyContent(FlexAlign.Center) } }

更多关于HarmonyOS 鸿蒙Next 有提供全局的loading加载框吗的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next 提供了全局的loading加载框功能。在鸿蒙系统的开发框架中,你可以通过系统提供的UI组件来实现全局加载框的显示。

具体实现方式通常涉及使用系统提供的Dialog或Progress组件,并设置其属性为全局显示。这些组件可以在应用的全局范围内被调用和显示,用于提示用户当前应用正在加载或处理某些操作。

在实现时,你需要注意以下几点:

  • 确保加载框的显示与隐藏逻辑正确,避免造成用户界面的卡顿或死锁。
  • 加载框的样式和动画效果可以根据应用的需求进行自定义,以提升用户体验。
  • 在多任务或后台处理场景下,要确保加载框的显示状态与应用状态同步更新。

鸿蒙系统的API文档中会有详细的组件使用说明和示例代码,你可以参考这些文档来实现全局loading加载框的功能。

如果你已经按照文档进行了实现,但遇到问题,可能是由于版本差异、配置错误或代码逻辑问题导致的。此时,你可以检查相关文档和示例代码,确保所有步骤和配置都正确无误。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部