#HarmonyOS NEXT体验官# 图片选择方案

28 阅读1分钟

踏入鸿蒙世界的敲门砖,标志着您在技术征途上的全新起点,提升就业竞争力,获得行业认可,点亮职业成长先机,快人一步抢占未来应用开发赛道!developer.huawei.com/consumer/cn…

背景

封装一个选择图片和调用拍照相机的按钮,展示api13下选择图片和调用相机,可以使用不申请用户权限的方式,进行图片的选择和修改。但是,目前方案并未包含上传图片保存的功能,仅提供图片选择或者拍照后,图片展示的一种方案。

项目架构

· Common :公共操作类存放文件夹

· PromptActionClass:全局弹窗操作类

· components:公共弹窗组件文件夹

· SelectImageDialog:选择图片弹窗组件

· pages->Index:入口界面

重要方法解析

调用相机拍照

· 添加camera, cameraPicker的外部引用

· 使用cameraPicker的pick方法实现安全调用设备相机,并返回选择结果cameraPicker.PickerResult对象,通过设置cameraPicker.PickerProfile对象属性实现对相机的初始化属性设置。

访问图库选择图片

· 添加PromptActionClass的外部引用

· 使用photoAccessHelper.PhotoViewPicker对象的select方法,实现安全调用相册并选择图片。通过photoAccessHelper.PhotoSelectOptions对象,对选择方法进行初始化,可以设置默认选择、选择数量、选择类型等。

整体代码

Index

PromptActionClass

SelectImageDialog

代码文件下载

ImageSelectDemo: 图片选择博客代码

(转载自51CTO,作者:奥尼5354)