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

• 鸿蒙开发核心知识点，看这篇文章就够了

• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线

• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南

• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）

使用AlbumPicker组件访问相册列表

开发者可以在布局中嵌入AlbumPickerComponent组件，通过此组件，应用无需申请权限，即可访问公共目录中的相册列表。

需配合PhotoPickerComponent一起使用，用户通过AlbumPickerComponent组件选择对应相册并通知PhotoPickerComponent组件刷新成对应相册的图片和视频。

界面效果如图所示。

开发步骤

1. 导入相册组件模块文件。

   import { AlbumPickerComponent, AlbumPickerOptions, AlbumInfo} from '@kit.MediaLibraryKit';

2. 创建相册组件配置选项实例（AlbumPickerOptions）。

   通过AlbumPickerOptions，开发者可配置相册页主题颜色，

   // 用于相册组件初始化时设置参数信息
   albumOptions: AlbumPickerOptions = new AlbumPickerOptions();

3. 初始化组件配置选项实例（AlbumPickerOptions）。

   /**
    * 设置相册页颜色模式， 默认AUTO。
    * AUTO：跟随系统的模式， LIGHT：浅色模式， DARK：深色模式
    */
   this.albumOptions.themeColorMode = PickerColorMode.AUTO;

4. 创建AlbumPickerComponent组件。

   AlbumPickerComponent({
     // 设置组件选择选项实例
     albumPickerOptions: this.albumOptions,
   
     /**
      *相册被选中回调，返回相册信息
      * AlbumInfo（uri）
      */
     onAlbumClick: (albumInfo: AlbumInfo): boolean => this.onAlbumClick(albumInfo),
   })

5. 与PhotoPicker组件联动，将相册URI给到应用，根据相册URI更新PhotoPicker组件宫格页内容。

   private onAlbumClick(albumInfo: AlbumInfo): boolean {
       if (albumInfo?.uri) {
           // 根据相册url更新宫格页内容
           this.pickerController.setData(DataType.SET_ALBUM_URI, albumInfo.uri);      
       }
       return true;
   }