HarmonyOS 关于Progress组件的value双向绑定问题

在Progress组件示例里，value是用@state声明的

@State value: number = 0
1.

如果要在工具类里调用Progress组件，怎么创建双向绑定的value？

class ProgressDialogParams {
  title: string = "";
  text: string = "";
  value: number = 0;
  cancel: Function;
  constructor(title: string, text: string, value: number, cancel: Function) {
    this.title = title;
    this.text = text;
    this.value = value;
    this.cancel = cancel;
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

@Builder
function buildProgress(params: ProgressDialogParams) {
  Column() {
    Column() {
      Text(params.title)
        .width('100%')
        .padding(10)
        .fontSize(20)
        .fontWeight(FontWeight.Bold)
      Text(params.text)
        .width('100%')
        .fontSize(16)
        .padding(10)
      Row() {
        Progress({value: params.value, total: 100, type:ProgressType.Linear})
          .style({strokeWidth: 20, enableSmoothEffect: true})
      }
      .margin({ bottom: 10 })
      Row() {
        Button("取消", {
          type: ButtonType.Normal,
          buttonStyle: ButtonStyleMode.NORMAL
        }).onClick(() => {
          params.cancel();
        })
      }
    }
    .width('90%')
    .borderRadius(borderRadiuses(20))
    .backgroundColor('#FFF0F0F0')
    .padding({
      top: 20,
      bottom: 20,
      left: 10,
      right: 10
    })
  }
  .height('100%')
  .justifyContent(FlexAlign.Center)
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.

export class ProgressDialogFactory {
  windowStage: window.WindowStage = AppStorage.get('windowStage') as window.WindowStage;
  uiContext = this.windowStage.getMainWindowSync().getUIContext();
  pa = this.uiContext.getPromptAction();
  contentNode: ComponentContent<Params> | null = null;
  openDialog(title: string, text: string, value: number) {
    let cancel = () => {
      this.closeDialog();
    }
    try {
      this.contentNode =
        new ComponentContent(this.uiContext, wrapBuilder(buildProgress), new ProgressDialogParams(title, text, value, cancel));
      this.pa.openCustomDialog(this.contentNode, {
        autoCancel: false
      });
    } catch (error) {
      let message = (error as BusinessError).message;
      let code = (error as BusinessError).code;
      console.error(`OpenCustomDialog args error code is ${code}, message is ${message}`);
    }
  }
  closeDialog() {
    this.pa.closeCustomDialog(this.contentNode);
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.

export const downloadFile = (url: string, path: string = 'DOWNLOAD') => {
  let context = getContext() as common.UIAbilityContext;
  let filePath = `${context.filesDir}/${path}`;
  let value = 0; // 此处声明value
  const controller: ProgressDialogFactory = new ProgressDialogFactory();
  controller.openDialog('版本更新', '下载中，请稍候...', value);
  request.downloadFile(context, {
    url,
    filePath
  }, (err: BusinessError, downloadTask: request.DownloadTask) => {
    if (err) {
      console.error(JSON.stringify(err))
      return;
    }
    downloadTask.on('progress', (size: number, total: number) => {
      value = Math.ceil(size / total) * 100; // 此处value改变不会影响Progress进度
    })
    downloadTask.on('complete', async () => {
      console.log(JSON.stringify(result));
      controller.closeDialog();
    })
  })
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.

// EntryAbility.ets
onWindowStageCreate(windowStage: window.WindowStage): Promise<void> {
  ...
  AppStorage.setOrCreate('windowStage', windowStage);
}
1.
2.
3.
4.
5.