应用内组件截图并保存到用户文件

let uri = null; 
const photoViewPicker = new picker.PhotoViewPicker(); 
photoViewPicker.save(photoSaveOptions).then((photoSaveResult) => { 
  uri = photoSaveResult[0]; 
})

photoViewPicker.save(photoSaveOptions).then((photoSaveResult) => { 
  uri = photoSaveResult[0]; 
}) 
// 延迟读写操作的执行 
setTimeout(() => { 
  // 读写逻辑 
}, 1000)

this.pixmap.readPixelsToBuffer(readBuffer).then(() => 
let file = fs.openSync(uri, fs.OpenMode.READ_WRITE); 
fs.writeSvnc(file.fd, readBuffer); 
fs.closeSync(file); 
}

import componentSnapshot from '@ohos.arkui.componentSnapshot' 
import image from '@ohos.multimedia.image' 
import picker from '@ohos.file.picker' 
import fs from '@ohos.file.fs'; 
 
@Component 
struct Index { 
  @State pixmap: image.PixelMap = undefined; 
  @State @Watch("onPhotoSaveUriUpdate") photoSaveUri: string = undefined; 
 
  // 监听uri的更新，进行用户文件读写操作 
  onPhotoSaveUriUpdate() { 
    if (this.photoSaveUri) { 
      // 创建图像编码ImagePacker对象 
      const imagePacker = image.createImagePacker(); 
      // 设置编码输出流和编码参数 
      let packOpts = { format: "image/png", quality: 100 }; 
      // 进行图片编码 
      imagePacker.packing(this.pixmap, packOpts) 
        .then(data => { 
          // 打开文件 
          let file = fs.openSync(this.photoSaveUri, fs.OpenMode.WRITE_ONLY); 
          // 编码成功，写操作 
          fs.writeSync(file.fd, data); 
          fs.closeSync(file); 
        }) 
        .catch(error => { 
          console.error(TAG + 'Failed to pack the image. And the error is: ' + error); 
        }) 
    } 
  } 
 
  build() { 
    Column() { 
      ... 
      Button("截图") 
        .onClick(() => { 
          // 应用内组件截图，输出PixelMap图片对象 
          componentSnapshot.get("root") 
            .then((pixmap: image.PixelMap) => { 
              this.pixmap = pixmap; 
 
              // FilePicker拉起系统文件管理器，用户选择文件保存路径，返回uri 
              const photoSaveOptions = new picker.PhotoSaveOptions(); // 创建文件管理器 
              photoSaveOptions.newFileNames = [new Date().getTime() + "_screenshot.png"]; 
              const photoViewPicker = new picker.PhotoViewPicker(); 
              photoViewPicker.save(photoSaveOptions) 
                .then((photoSaveResult) => { 
                  this.photoSaveUri = photoSaveResult[0]; 
                }) 
                .catch((err) => { 
                  ... 
                }) 
            }) 
            .catch(err => { 
              ... 
            }) 
        }) 
    } 
    ... 
    .id("root") 
  } 
}

import componentSnapshot from '@ohos.arkui.componentSnapshot' 
import image from '@ohos.multimedia.image' 
import fs from '@ohos.file.fs'; 
import photoAccessHelper from '@ohos.file.photoAccessHelper'; 
import promptAction from '@ohos.promptAction'; 
 
@Entry 
@Component 
struct Index { 
  @State pixmap: image.PixelMap = undefined; 
  @State @Watch("onPhotoSaveUriUpdate") photoSaveUri: string = undefined; 
 
  // 监听uri的更新，进行用户文件读写操作 
  onPhotoSaveUriUpdate() { 
    if (this.photoSaveUri) { 
      // 创建图像编码ImagePacker对象 
      const imagePacker = image.createImagePacker(); 
      // 设置编码输出流和编码参数 
      let packOpts = { format: "image/jpeg", quality: 100 }; 
      // 进行图片编码 
      imagePacker.packing(this.pixmap, packOpts) 
        .then(data => { 
          // 打开文件 
          let file = fs.openSync(this.photoSaveUri, fs.OpenMode.WRITE_ONLY); 
          // 编码成功，写操作 
          fs.writeSync(file.fd, data); 
          fs.closeSync(file); 
          promptAction.showToast({ 
            message: '已成功保存至相册', 
            duration: 1000 
          }) 
        }) 
        .catch(error => { 
          console.error(TAG + 'Failed to pack the image. And the error is: ' + error); 
        }) 
    } 
  } 
 
  build() { 
    Column() { 
      Button("截图") 
        .onClick(() => { 
          // 应用内组件截图，输出PixelMap图片对象 
          console.info(TAG + 'start'); 
          componentSnapshot.get("root") 
            .then((pixmap: image.PixelMap) => { 
              this.pixmap = pixmap; 
              let photoType = photoAccessHelper.PhotoType.IMAGE; 
              let extension = 'jpg'; 
              let options = { 
                title: 'testPhoto' 
              } 
              const context = getContext(this); 
              let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context); 
 
              phAccessHelper.createAsset(photoType, extension, options, (err, uri) => { 
                if (uri != undefined) { 
                  console.info(TAG + 'createAsset uri' + uri); 
                  this.photoSaveUri = uri 
                  console.info(TAG + 'createAsset successfully'); 
                } else { 
                  console.error(TAG + 'createAsset failed, message = ', err); 
                } 
              }); 
            }) 
 
        }) 
        .width(100) 
        .height(200) 
    } 
    .width('100%') 
    .height('100%') 
    .backgroundColor(Color.White) 
    .id("root") 
  } 
}