HarmonyOS hidumper查看状态变量关联的组件数

参考demo

组件截图：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-arkui-componentsnapshot-V5

安全保存控件：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/photoaccesshelper-savebutton-V5

//demo.ets
import componentSnapshot from '@ohos.arkui.componentSnapshot'
import image from '@ohos.multimedia.image'
import { photoAccessHelper } from '@kit.MediaLibraryKit'
import fs from '@ohos.file.fs';
import { BusinessError } from '@ohos.base';

@Entry
@Component
struct Index {
  @State pixmap: image.PixelMap | undefined = undefined
  @State saveButtonOptions: SaveButtonOptions = {
    icon: SaveIconStyle.FULL_FILLED,
    text: SaveDescription.SAVE_IMAGE,
    buttonType: ButtonType.Capsule
  } // 设置安全控件按钮属性

  build() {
    Column() {
      Row() {
        Text('截图测试')
        Image($r('app.media.app_icon'))
          .autoResize(true)
          .width(200)
          .height(200)
          .margin(5)

      }
      .id("root")
      Row() {
        Image(this.pixmap).width('100%').height(200).border({ color: Color.Black, width: 2 }).margin(5)
      }

      SaveButton(this.saveButtonOptions)
        .onClick(async (event, result: SaveButtonOnClickResult) => {
          if (result == SaveButtonOnClickResult.SUCCESS) {
            try {
              // 需要确保fileUri对应的资源存在
              componentSnapshot.get("root")
                .then((pixmap: image.PixelMap) => {
                  this.pixmap = pixmap
                  //保存到相册
                  let packOpts: image.PackingOption = { format: "image/jpeg", quality: 98 };
                  const imagePackerApi = image.createImagePacker();
                  imagePackerApi.packing(pixmap, packOpts).then(async (buffer: ArrayBuffer) => {
                    try {
                      const context = getContext(this)
                      let helper = photoAccessHelper.getPhotoAccessHelper(context)
                      let uri = await helper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'png')
                      let file = await fs.open(uri, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE)
                      await fs.write(file.fd, buffer);
                      // 关闭文件
                      await fs.close(file.fd);
                    } catch (error) {
                      console.error("error is " + JSON.stringify(error))
                    }
                  }).catch((error: BusinessError) => {
                    console.error('Failed to pack the image. And the error is: ' + error);
                  })
                }).catch((err: Error) => {
                console.log("error: " + err)
              })

            } catch (err) {
              console.error(`create asset failed with error: ${err.code}, ${err.message}`);
            }
          } else {
            console.error('SaveButtonOnClickResult create asset failed');
          }
        })
    }
    .width('100%')
    .height('100%')
    .alignItems(HorizontalAlign.Center)
  }
}