MASA MAUI Plugin （八）Android相册多选照片（Intent 方式）

背景

MAUI的出现，赋予了广大.Net开发者开发多平台应用的能力，MAUI 是Xamarin.Forms演变而来，但是相比Xamarin性能更好，可扩展性更强，结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项目，意在对微软MAUI的补充和扩展

项目地址https://github.com/BlazorComponent/MASA.Blazor/tree/feature/Maui/src/Masa.Blazor.Maui.Plugin

每个功能都有单独的demo演示项目，考虑到app安装文件体积（虽然MAUI已经集成裁剪功能，但是该功能对于代码本身有影响），届时每一个功能都会以单独的nuget包的形式提供，方便测试，现在项目才刚刚开始，但是相信很快就会有可以交付的内容啦。

前言

本系列文章面向移动开发小白，从零开始进行平台相关功能开发，演示如何参考平台的官方文档使用MAUI技术来开发相应功能。

介绍

项目中有需要从相册多选图片的需求，MAUI提供的MediaPicker.PickPhotoAsync无多选功能，FilePicker.PickMultipleAsync虽然可以实现多选，但是多选文件需要长按，而且没有预览和返回按钮，用户交互效果不好。作为安卓开发小白，本人目前找到两种UI交互良好而且不需要定制选取界面的方法和大家分享。

一、MAUI实现方式演示效果

MediaPicker.Default.PickPhotoAsync 效果

FilePicker.Default.PickMultipleAsync 效果

二、实现方式

思路

https://developer.android.google.cn/about/versions/13/features/photopicker?hl=zh-cn

我们参考一下官方文档，下面为选择多张照片或者多个视频的示例

JAVA代码
// Launches photo picker in multi-select mode.
// This means that user can select multiple photos/videos, up to the limit
// specified by the app in the extra (10 in this example).
final int maxNumPhotosAndVideos = 10;
Intent intent = new Intent(MediaStore.ACTION_PICK_IMAGES);
intent.putExtra(MediaStore.EXTRA_PICK_IMAGES_MAX, maxNumPhotosAndVideos);
startActivityForResult(intent, PHOTO_PICKER_MULTI_SELECT_REQUEST_CODE);

处理照片选择器结果

JAVA代码
// onActivityResult() handles callbacks from the photo picker.
@Override
protected void onActivityResult(
    int requestCode, int resultCode, final Intent data) {
   

    if (resultCode != Activity.RESULT_OK) {
   
        // Handle error
        return;
    }

    switch(requestCode) {
   
        case REQUEST_PHOTO_PICKER_SINGLE_SELECT:
            // Get photo picker response for single select.
            Uri currentUri = data.getData();

            // Do stuff with the photo/video URI.
            return;
        case REQUEST_PHOTO_PICKER_MULTI_SELECT:
            // Get photo picker response for multi select
            for (int i = 0; i < data.getClipData().getItemCount(); i++) {
   
                Uri currentUri = data.getClipData().getItemAt(i).getUri();

                // Do stuff with each photo/video URI.
            }
            return;
    }
}

限定选择内容范围
默认情况下，照片选择器会既显示照片又显示视频。您还可以在 setType() 方法中设置 MIME 类型，以便按“仅显示照片”或“仅显示视频”进行过滤

JAVA代码
// Launches photo picker for videos only in single select mode.
Intent intent = new Intent(MediaStore.ACTION_PICK_IMAGES);
intent.setType("video/*");
startActivityForResult(intent, PHOTO_PICKER_VIDEO_SINGLE_SELECT_REQUEST_CODE);

// Apps can also change the mimeType to allow users to select
// images only - intent.setType("image/*");
// or a specific mimeType - intent.setType("image/gif");

总结流程如下：
1、通过Intent(MediaStore.ACTION_PICK_IMAGES) 初始化一个打开相册的Intent
2、intent.setType 设置过滤条件
3、通过startActivityForResult打开新的Activity（打开相册），并通过重写onActivityResult 获取选取照片的返回数据
4、从返回的Intent 中拿到文件的Uri从而获取文件内容
注意：在一个Activity中，可能会使用startActivityForResult() 方法打开多个不同的Activity处理不同的业务 ,这时可以在onActivityResult中通过requestCode区分不同业务。

编写实现代码

新建MAUI Blazor项目MediaPickSample，新建Service文件夹，添加IPhotoPickerService.cs接口，添加GetImageAsync1-3，前两种为使用MAUI的两种方式实现，用做对比，不过多介绍，本文重点关注Intent方式实现的GetImageAsync3。示例方法的返回值为文件名+文件base64的字典形式。

namespace MediaPickSample.Service
{
   
    public interface IPhotoPickerService
    {
   
        /// <summary>
        /// Maui-MediaPicker
        /// </summary>
        Task<Dictionary<string, string>> GetImageAsync1();

        /// <summary>
        /// MMaui-FilePicker
        /// </summary>
        Task<Dictionary<string, string>> GetImageAsync2();

        /// <summary>
        /// Intent
        /// </summary>
        Task<Dictionary<string, string>> GetImageAsync3();
    }
}

由于StartActivityForResult需要在MainActivity中调用，我们先定义一个MainActivity的静态示例Instance，方便在业务中使用。
编辑Platforms->Android->MainActivity.cs文件