当前位置:   article > 正文

鸿蒙原生应用/元服务开发-利用picker选择器来多选相册图片_unity 调用鸿蒙picker

unity 调用鸿蒙picker

前言
在之前的时候,测试一个应用进入相册选择图片demo,利用了startAbilityForResult()方法,启动相对应的Ability来完成效果,但是这种方法有限制,一次只能获取一张图片,在完成某些功能测试的时候就很不方便。后来官方文档更新后,我发现一种比较方便的接口来完成这一功能。那就是利用
@ohos.file.picker (选择器),直接完成对相册里面图片的选择和多选。

正文
选择器(Picker)是一个封装PhotoViewPicker、DocumentViewPicker、AudioViewPicker等系统应用选择与保存能力的模块。应用可以自行选择使用哪种picker实现文件选择和文件保存的功能。
导入:

  1. import picker from '@ohos.file.picker';

PhotoViewPicker
图库选择器对象,用来支撑选择图片/视频和保存图片/视频等用户场景。在使用前,需要先创建PhotoViewPicker实例。

相关属性:
select()
通过选择模式拉起photoPicker界面,用户可以选择一个或多个图片/视频。接口采用promise异步返回形式,传入可选参数PhotoSelectOptions对象,返回PhotoSelectResult对象。
save()
通过保存模式拉起photoPicker界面,用户可以保存一个或多个图片/视频。接口采用callback异步返回形式,返回保存文件的uri数组。
代码

  1. import common from '@ohos.app.ability.common';
  2. import picker from '@ohos.file.picker';
  3. @Entry
  4. @Component
  5. struct pickerDemo {
  6. @State getImg: string = '获取图片'
  7. @State imgArr: string[] = []
  8. getPhotoImg() {
  9. let photoPicker = new picker.PhotoViewPicker();
  10. photoPicker.select({
  11. MIMEType:picker.PhotoViewMIMETypes.IMAGE_TYPE,
  12. maxSelectNumber:3
  13. },(err,data)=>{
  14. if (err) {
  15. console.info("photoPicker:"+err.message)
  16. return
  17. }
  18. this.imgArr = data.photoUris
  19. data.isOriginalPhoto
  20. })
  21. }
  22. build() {
  23. Column() {
  24. ForEach(this.imgArr,(item,index:number)=>{
  25. Row(){
  26. Image(item).width(100).height(100).borderWidth(1)
  27. }
  28. },item=>item)
  29. Button(this.getImg).margin(20)
  30. .onClick(() => {
  31. this.getPhotoImg()
  32. })
  33. }
  34. .width('100%')
  35. .height('100%')
  36. .justifyContent(FlexAlign.Center)
  37. }
  38. }
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/329778
推荐阅读
相关标签
  

闽ICP备14008679号