HarmonyOS 有没有保存到相册的组件

页面有一张图片,是一个小图, 然后点击显示大图, 并且在大图界面点击右上角的按钮,底部会显示一个保存到相册, 请问有封装好的组件吗?

HarmonyOS
2024-12-24 17:22:01
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
Excelsior_abit

不具备完整的封装好的组件。不过可以参考一下电子相册。

参考链接:https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_NEXT-ElectronicAlbum

保存图片到相册,推荐使用SaveButton。参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-security-components-savebutton-V5

参考demo:

import photoAccessHelper from '@ohos.file.photoAccessHelper';
import fs from '@ohos.file.fs';

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'
  @State saveButtonOptions: SaveButtonOptions = {
    text: SaveDescription.SAVE_IMAGE,
    buttonType: ButtonType.Capsule
  } // 设置安全控件按钮属性

  build() {
    Row() {
      Column() {
        Image($r('app.media.app_icon'))
          .height(300)
          .width(300)
        SaveButton(this.saveButtonOptions).onClick(async (_event: ClickEvent, result: SaveButtonOnClickResult) => {
          if (result == SaveButtonOnClickResult.SUCCESS) {
            try {
              const context = getContext(this);
              let helper = photoAccessHelper.getPhotoAccessHelper(context);
              // onClick触发后5秒内通过createAsset接口创建图片文件,5秒后createAsset权限收回。
              let uri = await helper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg');
              // 使用uri打开文件,可以持续写入内容,写入过程不受时间限制
              let file = await fs.open(uri, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);
              try {
                context.resourceManager.getMediaContent($r('app.media.startIcon').id, 0)
                  .then(async value => {
                    let media = value.buffer;
                    // 写到媒体库文件中
                    await fs.write(file.fd, media);
                    await fs.close(file.fd);
                    AlertDialog.show({message:'已保存至相册!'});
                  });
              }
              catch (err) {
                console.error("error is "+ JSON.stringify(err))
              }
            } catch (error) {
              console.error("error is "+ JSON.stringify(error));
            }
          }
          else {
            AlertDialog.show({ message: "设置权限失败" })
          }
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}
  • 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.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
分享
微博
QQ
微信
回复
2024-12-24 20:23:23


相关问题
HarmonyOS 图片保存到相册
815浏览 • 1回复 待解决
HarmonyOS 保存到相册报错13900012
1280浏览 • 1回复 待解决
HarmonyOS 图片保存到相册报错
1033浏览 • 1回复 待解决
HarmonyOS image.PixelMap保存到 相册问题
973浏览 • 1回复 待解决
HarmonyOS 如何将图片保存到相册
768浏览 • 1回复 待解决
HarmonyOS如何将PixelMap保存到相册
1526浏览 • 1回复 待解决
获取网络图片并保存到相册
2843浏览 • 1回复 待解决
HarmonyOS如何把图片保存到手机相册
1576浏览 • 1回复 待解决
HarmonyOS 如何把base64图片保存到相册
1384浏览 • 1回复 待解决
如何把图片和文案结合,保存到相册
1310浏览 • 0回复 待解决
HarmonyOS 如何将base64图片保存到相册
2435浏览 • 1回复 待解决
怎么把视频保存到相册以及主机端?
4951浏览 • 1回复 待解决
如何将视频保存到相册以及主机端
6636浏览 • 1回复 待解决