鸿蒙开发5.0【Picker的受限权限适配方案】

最新推荐文章于 2024-10-09 13:38:26 发布
最新推荐文章于 2024-10-09 13:38:26 发布
阅读量1.1k 收藏 28
点赞数 25
分类专栏： 鸿蒙开发学习笔录 文章标签： harmonyos 鸿蒙开发 鸿蒙 openharmony 适配 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76813281/article/details/142004910
版权

Picker由系统独立进程实现，应用可以通过拉起Picker组件，用户在Picker上选择对应的资源（如图片、文档等），应用可以获取Picker返回的结果。

类型受限权限使用的picker
音频ohos.permission.READ_AUDIO，ohos.permission.WRITE_AUDIOAudioViewPicker
文件ohos.permission.READ_DOCUMENT，ohos.permission.WRITE_DOCUMENTDocumentViewPicker
照片ohos.permission.READ_IMAGEVIDEO，ohos.permission.WRITE_IMAGEVIDEOPhotoViewPicker
联系人ohos.permission.READ_CONTACTSContacts Picker
相机ohos.permission.CAMERACamera Picker
扫码ohos.permission.CAMERA扫码Picker
卡证识别ohos.permission.CAMERA卡证识别Picker
文档扫描ohos.permission.CAMERA文档扫描Picker

目前支持的Picker组件有：

  • 音频Picker（AudioViewPicker）：选择、保存音频文件。
  • 文件Picker（DocumentViewPicker）：选择、保存文档文件。
  • 照片Picker（PhotoViewPicker）：选择、保存图片文件。
  • 联系人Picker（Contacts Picker）：选择联系人。
  • 相机Picker （Camera Picker）：拍照、录制。
  • 扫码Picker：扫码。
  • 卡证识别Picker：识别并提取卡证信息。
  • 文档扫描Picker：拍摄文档并转化为高清扫描件。
  • 投播组件Picker：可用于将音视频资源投放到其它设备播放。

音频Picker

使用音频Picker（AudioViewPicker）可访问、保存用户公共目录的音频文件。

  • 在应用需要申请权限ohos.permission.READ_AUDIO以访问用户公共目录的音频文件时，可以使用FilePicker中的AudioViewPicker替代

    async function example13() {
  try {
    let audioSelectOptions = new picker.AudioSelectOptions();
    let audioPicker = new picker.AudioViewPicker();
    audioPicker.select(audioSelectOptions).then((audioSelectResult: Array<string>) => {
      console.info('AudioViewPicker.select successfully, audioSelectResult uri: ' + JSON.stringify(audioSelectResult));
    }).catch((err: BusinessError) => {
      console.error('AudioViewPicker.select failed with err: ' + JSON.stringify(err));
    });
  } catch (error) {
    let err: BusinessError = error as BusinessError;
    console.error('AudioViewPicker failed with err: ' + JSON.stringify(err));
  }
}

  • 在应用需要申请权限ohos.permission.WRITE_AUDIO以修改用户公共目录的音频文件时，可以使用FilePicker中的AudioViewPicker替代

    async function example16() {
  try {
    let audioSaveOptions = new picker.AudioSaveOptions();
    audioSaveOptions.newFileNames = ['AudioViewPicker01.mp3'];
    let audioPicker = new picker.AudioViewPicker();
    audioPicker.save(audioSaveOptions).then((audioSaveResult: Array<string>) => {
      console.info('AudioViewPicker.save successfully, audioSaveResult uri: ' + JSON.stringify(audioSaveResult))
    }).catch((err: BusinessError) => {
      console.error('AudioViewPicker.save failed with err: ' + JSON.stringify(err));
    });
  } catch (error) {
    let err: BusinessError = error as BusinessError;
    console.error('AudioViewPicker failed with err: ' + JSON.stringify(err));
  }
}

  • save返回的uri权限是读写权限，可以根据结果集中uri进行文件读写等操作。注意不能在picker的回调里直接使用此uri进行打开文件操作，需要定义一个全局变量保存uri，使用类似一个按钮去触发打开文件。使用fs.openSync接口，通过uri打开这个文件得到fd。这里需要注意接口权限参数是fs.OpenMode.READ_WRITE。最后再将通过fs.read读取到selecturi的音频文件的buffer，再通过fd使用fs.writeSync接口将buffer写入这个音频文件，编辑修改完成后关闭fd。

    Button('写入音频')
  .backgroundColor('#0D9FFB')
  .fontSize(20)
  .fontColor('#FFFFFF')
  .fontWeight(FontWeight.Normal)
  .align(Alignment.Center)
  .type(ButtonType.Capsule)
  .width('90%')
  .height(40)
  .margin({ top: 5, bottom: 5 })
  .onClick(() => {
    let file = fs.openSync(selecturi, fs.OpenMode.READ_WRITE)
    let file1 = fs.openSync(saveuri, fs.OpenMode.READ_WRITE)
    let arrayBuffer = new ArrayBuffer(5120000);
    fs.read(file.fd, arrayBuffer)
    fs.writeSync(file1.fd, arrayBuffer);
    fs.close(file1)
    fs.close(file)
  })

文件Picker

使用文件Picker（DocumentViewPicker）可访问、保存公共目录中非媒体类型的文件。

  • 在应用需要申请权限ohos.permission.READ_DOCUMENT以访问用户公共目录中非媒体类型的文件时，可以使用FilePicker中的DocumentViewPicker替代

    async function example07() {
  try {
    let documentSelectOptions = new picker.DocumentSelectOptions();
    let documentPicker = new picker.DocumentViewPicker();
    documentPicker.select(documentSelectOptions).then((documentSelectResult: Array<string>) => {
      console.info('DocumentViewPicker.select successfully, documentSelectResult uri: ' + JSON.stringify(documentSelectResult));
    }).catch((err: BusinessError) => {
      console.error('DocumentViewPicker.select failed with err: ' + JSON.stringify(err));
    });
  } catch (error) {
    let err: BusinessError = error as BusinessError;
    console.error('DocumentViewPicker failed with err: ' + JSON.stringify(err));
  }
}

  • 在应用需要申请权限ohos.permission.WRITE_DOCUMENT以修改用户公共目录中非媒体类型的文件时，可以使用FilePicker中的DocumentViewPicker替代

    async function example10() {
  try {
    let documentSaveOptions = new picker.DocumentSaveOptions();
    documentSaveOptions.newFileNames = ['DocumentViewPicker01.txt'];
    let documentPicker = new picker.DocumentViewPicker();
    documentPicker.save(documentSaveOptions).then((documentSaveResult: Array<string>) => {
      console.info('DocumentViewPicker.save successfully, documentSaveResult uri: ' + JSON.stringify(documentSaveResult));
    }).catch((err: BusinessError) => {
      console.error('DocumentViewPicker.save failed with err: ' + JSON.stringify(err));
    });
  } catch (error) {
    let err: BusinessError = error as BusinessError;
    console.error('DocumentViewPicker failed with err: ' + JSON.stringify(err));
  }
}

  • save返回的uri权限是读写权限，可以根据结果集中uri进行文件读写等操作。注意不能在picker的回调里直接使用此uri进行打开文件操作，需要定义一个全局变量保存uri，使用类似一个按钮去触发打开文件。使用fs.openSync接口，通过uri打开这个文件得到fd。这里需要注意接口权限参数是fs.OpenMode.READ_WRITE。最后通过fd使用fs.writeSync接口对这个文件进行编辑修改，编辑修改完成后关闭fd。

    Button('写入文件')
  .backgroundColor('#0D9FFB')
  .fontSize(20)
  .fontColor('#FFFFFF')
  .fontWeight(FontWeight.Normal)
  .align(Alignment.Center)
  .type(ButtonType.Capsule)
  .width('90%')
  .height(40)
  .margin({ top: 5, bottom: 5 })
  .onClick(() => {
    let file = fs.openSync(uri, fs.OpenMode.READ_WRITE);
    console.info('file fd: ' + file.fd);
    let writeLen = fs.writeSync(file.fd, 'hello, world');
    console.info('write data to file succeed and size is:' + writeLen);
    fs.closeSync(file);
  })

照片Picker

使用照片Picker（PhotoViewPicker）可访问、保存公共目录的图片或视频文件。

  • 在应用需要申请权限ohos.permission.READ_IMAGEVIDEO以访问用户公共目录的图片或视频文件时，可以使用PhotoViewPicker替代

    async function example01() {
  try {
    let photoSelectOptions = new picker.PhotoSelectOptions();
    photoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE;
    photoSelectOptions.maxSelectNumber = 5;
    let photoPicker = new picker.PhotoViewPicker();
    photoPicker.select(photoSelectOptions).then((photoSelectResult: picker.PhotoSelectResult) => {
      console.info('PhotoViewPicker.select successfully, photoSelectResult uri: ' + JSON.stringify(photoSelectResult));
    }).catch((err: BusinessError) => {
      console.error('PhotoViewPicker.select failed with err: ' + JSON.stringify(err));
    });
  } catch (error) {
    let err: BusinessError = error as BusinessError;
    console.error('PhotoViewPicker failed with err: ' + JSON.stringify(err));
  }
}

  • 在应用需要申请权限ohos.permission.WRITE_IMAGEVIDEO以保存用户公共目录的图片或视频文件时，可以使用安全控件替代

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

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        SaveButton(this.saveButtonOptions)// 创建安全控件按钮
          .onClick(async (event, result: SaveButtonOnClickResult) => {
            if (result == SaveButtonOnClickResult.SUCCESS) {
              try {
                let context = getContext();
                let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);
                // 需要确保fileUri对应的资源存在
                let fileUri = 'file://com.example.temptest/data/storage/el2/base/haps/entry/files/test.jpg';
                let assetChangeRequest: photoAccessHelper.MediaAssetChangeRequest =
                  photoAccessHelper.MediaAssetChangeRequest.createImageAssetRequest(context, fileUri);
                await phAccessHelper.applyChanges(assetChangeRequest);
                console.info('createAsset successfully, uri: ' + assetChangeRequest.getAsset().uri);
              } catch (err) {
                console.error(`create asset failed with error: ${err.code}, ${err.message}`);
              }
            } else {
              console.error('SaveButtonOnClickResult create asset failed');
            }
          })
      }
      .width('100%')
    }
    .height('100%')
  }
}

联系人Picker

使用联系人Picker（Contacts Picker）可读取联系人数据。

在应用需要申请权限ohos.permission.READ_CONTACTS以读取联系人数据时，可以使用Contacts Picker替代

async function demo() {
  contact.selectContacts((err: BusinessError, data) => {
    if (err) {
      console.log(`selectContacts callback: err->${JSON.stringify(err)}`);
      return;
    }
    console.log(`selectContacts callback: success data->${JSON.stringify(data)}`);
  });
}

相机Picker

使用相机Picker （Camera Picker）可实现拍照、录制。

在应用需要申请权限ohos.permission.CAMERA以使用相机时，可以使用Camera Picker替代

async function demo1() {
  try {
    let pickerProfile: picker.PickerProfile = {
      cameraPosition: camera.CameraPosition.CAMERA_POSITION_BACK
    };
    let pickerResult: picker.PickerResult = await picker.pick(mContext,
      [picker.PickerMediaType.PHOTO, picker.PickerMediaType.VIDEO], pickerProfile);
    console.log("the pick pickerResult is:" + JSON.stringify(pickerResult));
  } catch (error) {
    let err = error as BusinessError;
    console.error(`the pick call failed. error code: ${err.code}`);
  }
}

扫码Picker

使用扫码Picker可调用相机，实现默认界面扫码。

在应用需要申请权限ohos.permission.CAMERA以使用相机扫码时，可以使用扫码Picker替代

// 定义扫码参数options
let options: scanBarcode.ScanOptions = {
  scanTypes: [scanCore.ScanType.ALL],
  enableMultiMode: true,
  enableAlbum: true
};
// 可调用getContext接口获取当前页面关联的UIAbilityContext
scanBarcode.startScanForResult(getContext(this), options).then((result: scanBarcode.ScanResult) => {
  // 收到扫码结果后返回
  hilog.info(0x0001, '[Scan CPSample]', `Succeeded in getting ScanResult by promise with options, result is ${JSON.stringify(result)}`);
}).catch((error: BusinessError) => {
  hilog.error(0x0001, '[Scan CPSample]',
    `Failed to get ScanResult by promise with options. Code:${error.code}, message: ${error.message}`);
});

卡证识别Picker

使用卡证识别Picker可调用相机，识别各类证件并提取卡证信息。

在应用需要申请权限ohos.permission.CAMERA以使用相机识别卡证时，可以使用卡证识别Picker替代

Stack({ alignContent: Alignment.Top }) {
  CardRecognition({
    // 此处选择身份证类型作为示例
    supportType: CardType.CARD_ID,
    callback: ((params: CallbackParam) => {
      hilog.info(0x0001, TAG, `params code: ${params.code}`)
      hilog.info(0x0001, TAG, `params cardType: ${params.cardType}`)
      hilog.info(0x0001, TAG, `params cardInfo front: ${JSON.stringify(params.cardInfo?.front)}`)
      hilog.info(0x0001, TAG, `params cardInfo back: ${JSON.stringify(params.cardInfo?.back)}`)
    })
  })

文档扫描Picker

使用文档扫描Picker可调用相机，拍摄文档并转化为高清扫描件。

@Component
struct DocDemoPage {
  @State docImageUris: string[] = []
  private docScanConfig = new DocumentScannerConfig()

  aboutToAppear() {
    this.docScanConfig.supportType = [DocType.DOC, DocType.SHEET]
    this.docScanConfig.isGallerySupported = true
    this.docScanConfig.editTabs = []
    this.docScanConfig.maxShotCount = 3
    this.docScanConfig.defaultFilterId = FilterId.ORIGINAL
    this.docScanConfig.defaultShootingMode = ShootingMode.MANUAL
    this.docScanConfig.isShareable = true
    this.docScanConfig.originalUris = []
  }

  build() {
    Stack({ alignContent: Alignment.Top }) {
      DocumentScanner({
        scannerConfig: this.docScanConfig,
        onResult: (code: number, saveType: SaveOption, uris: string[]) => {
          hilog.info(0x0001, TAG, `result code: ${code}, save: ${saveType}`)
          uris.forEach(uriString => {
            hilog.info(0x0001, TAG, `uri: ${uriString}`)
          })
          this.docImageUris = uris
        }
      })
        .size({ width: '100%', height: '100%' })
    }
    .width('100%')
    .height('100%')
  }
}

投播组件Picker

使用投播组件Picker，可用于将音视频资源投放到其它设备播放。

@Component
struct Index {
  private onStateChange(state: AVCastPickerState) {
    if (state == AVCastPickerState.STATE_APPEARING) {
      console.log('The picker starts showing.')
    } else if (state == AVCastPickerState.STATE_DISAPPEARING) {
      console.log('The picker finishes presenting.')
    }
  }

  build() {
    Row() {
      Column() {
        AVCastPicker({ normalColor: Color.Red, activeColor: Color.Blue, onStateChange: this.onStateChange })
          .width('40vp')
          .height('40vp')
          .border({ width: 1, color: Color.Red })
      }.height('50%')
    }.width('50%')
  }
}

以上就是本篇文章所带来的鸿蒙开发中一小部分技术讲解；想要学习完整的鸿蒙全栈技术。可以在结尾找我可全部拿到！
下面是鸿蒙的完整学习路线，展示如下：
1

除此之外，根据这个学习鸿蒙全栈学习路线，也附带一整套完整的学习【文档+视频】，内容包含如下：

内容包含了：（ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、鸿蒙南向开发、鸿蒙项目实战）等技术知识点。帮助大家在学习鸿蒙路上快速成长！

鸿蒙【北向应用开发+南向系统层开发】文档

鸿蒙【基础+实战项目】视频

鸿蒙面经

2

为了避免大家在学习过程中产生更多的时间成本，对比我把以上内容全部放在了↓↓↓想要的可以自拿喔！谢谢大家观看！
3

爱桥代码的程序媛
关注
专栏目录
OpenHarmony/HarmonyOS投播组件
坚果的博客
07-16 1万+
本模块提供创建投播组件AVCastPicker的功能，提供设备发现连接的统一入口。
HarmonyOS鸿蒙开发指南:基础组件 picker开发指导
sybh的博客
01-09 1099
通过设置Picker的type属性来选择滑动选择器类型，如定义Picker为日期选择器。Picker的hours属性定义时间的展现格式，可选类型有12小时制和24小时制。对Picker添加change和cancel事件，来对选择的内容进行确定和取消。hours属性为12：按照12小时制显示，用上午和下午进行区分；在本场景中，开发者可以自定义填写当前的健康情况来进行打卡。普通选择器设置取值范围时，需要使用数据绑定的方式。hours属性为24：按照24小时制显示。
HarmonyOS Next开发学习手册——文件授权访问(ArkTS)
maniuT的博客
07-24 1044
文件授权访问的场景仅支持部分设备。下面介绍几种常用操作示例。
【HarmonyOS实战开发】鸿蒙分布式媒体会话-使用投播组件
HarmonyOS007的博客
08-21 953
HarmonyOS提供了统一的应用内音视频投播功能设计，通过使用系统提供的投播组件和接口，应用只需要设置对应的资源信息、监听投播中的相关状态，以及应用主动控制的行为（如：播放、暂停）。其他动作包括图标切换、设备的发现、连接、认证等，均由系统完成。
鸿蒙AI功能开发【卡证识别控件】场景视觉化服务
2301_76813281的博客
08-08 607
本示例展示了使用视觉类AI能力中的卡证识别能力。 本示例模拟了在应用里，跳转卡证识别控件，获取到验证结果并展示出来。 需要使用hiai引擎框架卡证识别验证接口@kit.VisionKit.d.ts。
【HarmonyOS NEXT】打开相机或者相册获取图片后路径，获取文件上传，设置路径打开文件时候报错 openPicker {“code“:13900002}
Mayism123的博客
07-17 446
打开相机或者相册获取图片后路径，获取文件上传，设置路径打开文件时候报错 openPicker {"code":13900002}。报错原因是因为lstatSync接口传入的路径必须是文件的应用沙箱路径。
鸿蒙开发（7）---Picker组件
李元静
06-13 3118
目录鸿蒙App开发之Picker组件实现简单的Picker组件实现城市选择器 鸿蒙App开发之Picker组件 在众多的App中，我们经常会看到各式各样的滑动选择器，比如说某些快递的App，选择地址分级的时候，往往通过滑动选择城市。 这个在鸿蒙中可以通过Picker组件来实现。今天，我们就来详细讲解Picker组件的使用方式。 实现简单的Picker组件 首选，我们来实现一个简单的Picker滑动选择器组件。示例代码如下： <Picker ohos:id="$+id:test_picker"
自学鸿蒙应用开发（7）- Picker组件
面向对象思考
05-27 868
picker 本文介绍在鸿蒙应用中Picker组件的基本用法。 增加Picker组件 如下代码中46行~56行所示，在布局中增加Picker组件。 <?xml version="1.0" encoding="utf-8"?><DirectionalLayout xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:height="match_parent" ohos:width="match_paren.
HarmonyOS鸿蒙基于Java开发:Java UI 常用组件 Picker
sybh的博客
01-13 889
Picker提供了滑动选择器，允许用户从预定义范围中进行选择。​支持的XML属性、Picker的共有XML属性继承自：DirectionalLayout Picker的自有XML属性见下表： ​
微信开发 使用picker封装省市区三级联动模板
01-21
目前学习小程序更多的是看看能否二次封装其它组件，利于以后能快速开发各种小程序应用。目前发现picker的selector模式只有一级下拉，那么我们是否可以通过3个picker来实现三级联动模板的形式来引入其它页面中呢？...
媒体捕捉-拍照
weixin_39339407的博客
01-01 1440
媒体捕捉主要类首先介绍一下主要类：AVCaptureDevice：捕捉设备。相对手机而言，它是摄像头，麦克风等物理设备定义了一个接口。AVCaptureDeviceInput：捕捉设备的输入。捕捉设备不能直接添加到会话中，需要封装在AVCaptureDeviceInput中再进行添加。AVCaptureSession：捕捉会话。捕获会话是整个功能的核心，有用链接输入和输出，配置捕捉环境。AVCaptureOutput：捕捉的输出。
【鸿蒙实战开发】基于Picker的受限权限适配方案
HarmonyOS007的博客
08-04 845
●如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：●关注小编，同时可以期待后续文章ing🚀，不定期分享原创知识。
鸿蒙（API 12 Beta3版）【使用通话设备切换组件】使用投播组件
鸿蒙的技术博客
08-14 801
系统不再提供音频输出设备切换的API，如果需要应用内切换音频输出设备，请实现AVCastPicker组件，相关参数可参考[@ohos.multimedia.avCastPicker]和 [@ohos.multimedia.avCastPickerParam]。
鸿蒙OS投票机制
最新发布
AP11090250的博客
10-09 353
可以看到foundation进程有4个投票事件，会在相应的时机，代码中调用system::SetParam eter方法进行投票。如果有需要投票的地方没有投，会导致开机动画不会退出，开机动画退出会检测bootevent.boot.completed事件。
鸿蒙next开发者第一课02.DevEcoStudio的使用-习题
10-03 684
鸿蒙next开发第一课第02小节习题
HarmonyOs 查看官方文档使用弹窗
制定持续可量化的目标，不断坚持。
09-29 1234
HarmonyOS跟上网上的视频学习一段时间后，基本也就入门了，但是有一些操作网上没有找到合适教学的视频，这时，大家就需要养成参考官方文档的习惯了，因为官方的开发文档是我们学习深度任何一门语言或框架的途径，官网的开发文档写的足够全面，可以在其中学到一些网上视频所没有的内容。官网文档ArkUI链接：ArkUI简介-ArkUI（方舟UI框架）-应用框架 - 华为HarmonyOS开发者 (huawei.com)
鸿蒙 arkts json数据解析
代码小疯子
10-05 630
在鸿蒙（HarmonyOS）开发中，ArkTS（ArkUI TypeScript）是用于构建鸿蒙应用的UI框架。ArkTS 允许开发者使用 TypeScript 语言来编写 UI 逻辑，并且提供了丰富的组件和API来支持开发。对于JSON数据的解析，鸿蒙系统提供了多种方法，但直接在ArkTS中处理JSON数据通常涉及到JavaScript（或TypeScript）的标准做法，因为ArkTS是建立在ECMAScript 2015+ 之上的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值