HarmonyOS 全局loading有什么方案吗

可以通过封装customDialog实现全局loading效果。

1、封装一个弹框实例：

// CustomLoading.ets
@CustomDialog
export struct CustomLoading {
  controller?: CustomDialogController

  build() {
    Stack({ alignContent: Alignment.Center }) {
      Column() {
        LoadingProgress().width(30).height(30).color(Color.White)
        Text('请稍候')
          .fontColor(Color.White)
          .fontSize(16)
          .margin({ top: 15 })
          .width('100%')
          .textAlign(TextAlign.Center)
      }
      .justifyContent(FlexAlign.Center)
      .width(100)
      .height(100)
      .backgroundColor('#88000000')
      .borderRadius(8)
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.Transparent)
  }
}

2、在EntryAbility.ts的onCreate方法里通过AppStorage定义关于弹框显示的全局属性，默认false不显示。

AppStorage.setOrCreate('showGlobalCustomDialog', false)

3、在window的入口page（比如Index.ets）里import并创建实例和监听方法，各页面使用时通过AppStorage.setOrCreate(‘showGlobalCustomDialog’, true)即可拉起弹窗。

// index.ets
import { CustomLoading } from '../common/CustomLoading'

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  @StorageLink('showGlobalCustomDialog') @Watch('globalCustomDialogStateChange') showGlobalCustomDialog: boolean = false
  dialogController: CustomDialogController | null = new CustomDialogController({
    builder: CustomLoading({}),
    alignment: DialogAlignment.Center,
    autoCancel: false,
    customStyle: true,
  })

  globalCustomDialogStateChange() {
    if (this.showGlobalCustomDialog) {
      if (this.dialogController != null) {
        this.dialogController.open()
      }
    } else {
      this.dialogController?.close()
    }
  }

  build() {
    Row() {
      Column() {
        Button('showLoading').onClick(() => {
          AppStorage.setOrCreate('showGlobalCustomDialog', true)
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}