鸿蒙5.0版开发：使用AlbumPicker组件访问相册列表

 往期鸿蒙全套实战文章必看：

• 鸿蒙开发焦点知识点，看这篇文章就够了
  
• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线
  
• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南
  
• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）
  

---

使用AlbumPicker组件访问相册列表

开发者可以在布局中嵌入AlbumPickerComponent组件，通过此组件，应用无需申请权限，即可访问公共目次中的相册列表。
需配合PhotoPickerComponent一起使用，用户通过AlbumPickerComponent组件选择对应相册并关照PhotoPickerComponent组件革新成对应相册的图片和视频。
界面效果如图所示。

开发步调

• 导入相册组件模块文件。
  
  1. import { AlbumPickerComponent, AlbumPickerOptions, AlbumInfo} from '@kit.MediaLibraryKit';

  复制代码
• 创建相册组件配置选项实例（AlbumPickerOptions）。
  通过AlbumPickerOptions，开发者可配置相册页主题颜色，
  1. // 用于相册组件初始化时设置参数信息
  2. albumOptions: AlbumPickerOptions = new AlbumPickerOptions();

  复制代码
• 初始化组件配置选项实例（AlbumPickerOptions）。
  1. /**
  2. * 设置相册页颜色模式， 默认AUTO。
  3. * AUTO：跟随系统的模式， LIGHT：浅色模式， DARK：深色模式
  4. */
  5. this.albumOptions.themeColorMode = PickerColorMode.AUTO;

  复制代码
• 创建AlbumPickerComponent组件。
  1. AlbumPickerComponent({
  2.   // 设置组件选择选项实例
  3.   albumPickerOptions: this.albumOptions,
  5.   /**
  6.    *相册被选中回调，返回相册信息
  7.    * AlbumInfo（uri）
  8.    */
  9.   onAlbumClick: (albumInfo: AlbumInfo): boolean => this.onAlbumClick(albumInfo),
  10. })

  复制代码
• 与PhotoPicker组件联动，将相册URI给到应用，根据相册URI更新PhotoPicker组件宫格页内容。
  1. private onAlbumClick(albumInfo: AlbumInfo): boolean {
  2.     if (albumInfo?.uri) {
  3.         // 根据相册url更新宫格页内容
  4.         this.pickerController.setData(DataType.SET_ALBUM_URI, albumInfo.uri);      
  5.     }
  6.     return true;
  7. }

  复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。