Matisse第三方图片选择库的使用

1.可用的参考文章：

• 非常简洁的介绍：https://www.jianshu.com/p/41e09238d61b

• 详细但代码不可用的(过时)：https://www.jianshu.com/p/382346bf0aa9

2.需求

• 我的需求是非常简单，就是要把图片选择然后返回图片的真实路径。
  • 需求1：选择多图
  • 需求2：返回Uri
  • 需求3：获取图片真实路径

3.第三方库 Matisse

相识的图片选择库有很多，比如：PhotoPicker。至于我选择Matisse的原因是之前学习中就有使用过这个库，用起来有快捷。

4.使用步骤

• 1.导入相应的依赖库。
• 2.权限申请(临时动态权限)。
• 3.启动Matisse。
• 4.重写GlideEngine类，在Matisse中引用。
• 5.接收选择的结果onActivityResult。
• 6.返回的Uri转换成真实路径。

5.遇到的问题

• 问题1：Matisse的图片加载器GlideEngine需要重写。
• 问题2：Fragment的onActivityResult方法不会调用，需要在Activity中重写。

问题1：Matisse的图片加载器有两种：Glide和Picasso，发现GlideEngine类的写法还停留在3.7版本之前，这时我就打开了Matisse的Github上的问题库和案例。

GlideEngine错误

• 问题1解决办法：就是手动写一个GlideEngine类，并在Matisse启动方法中去调用这个类。

调用另一个GlideEngine 新版Glide的写法

问题2：原本的是在Fragment中去启动Matisse进行图片选择，但是在返回onActivityResult中的代码迟迟未调用，导致我头昏脑胀。

• 问题2解决方法：在Fragment所在的Activity中重写onActivityResult()方法并接收返回的图片Uri，最后把数据传递给Fragment(这里就考到Activity与Fragment之间的通信问题)。

6.代码

1.导入相应的依赖库

    //图片选择库
    implementation 'com.zhihu.android:matisse:0.5.2-beta4'
   //图片加载
    implementation 'com.github.bumptech.glide:glide:4.9.0'

2.权限申请(临时动态权限)

android.permission.READ_EXTERNAL_STORAGE
android.permission.WRITE_EXTERNAL_STORAGE

权限申请的工具类可以参考这个文章：https://www.jianshu.com/p/5e566e05dd96

3.启动Matisse

/**
 * 知乎开源图片选择器
 */
private void ChooserImg() {
    Matisse.from(getActivity())
            .choose(MimeType.ofAll(), false)
            .countable(true)
            .maxSelectable(9) // 图片选择的最多数量
            .gridExpectedSize(getResources().getDimensionPixelSize(R.dimen.grid_expected_size))
            .restrictOrientation(ActivityInfo.SCREEN_ORIENTATION_UNSPECIFIED)
            .thumbnailScale(0.85f) // 缩略图的比例
            .imageEngine(new GlideImageEngine()) // 使用的图片加载引擎
            .forResult(REQUEST_CODE_CHOOSE); // 设置作为标记的请求码
}

还要在dimens.xml中添加以下代码：

    <dimen name="grid_expected_size">120dp</dimen>
    <dimen name="item_margin_horizontal">24dp</dimen>
    <dimen name="item_margin_vertical">8dp</dimen>

为了你们的方便，我把标识码代码也贴出来

    // 图库选取图片标识请求码
    private static final int REQUEST_CODE_CHOOSE = 0x13;

• 4.重写GlideEngine类，在Matisse中引用。

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.net.Uri;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import com.bumptech.glide.Priority;
import com.zhihu.matisse.engine.ImageEngine;

/**
 * Created by songsong on 2019/5/4 0004
 */
public class GlideImageEngine implements ImageEngine {
    @Override
    public void loadThumbnail(Context context, int resize, Drawable placeholder, ImageView imageView, Uri uri) {
        Glide.with(context)
                .asBitmap()  // some .jpeg files are actually gif
                .load(uri)
                .placeholder(placeholder)
                .override(resize, resize)
                .centerCrop()
                .into(imageView);
    }
    @Override
    public void loadGifThumbnail(Context context, int resize, Drawable placeholder, ImageView imageView, Uri uri) {
        Glide.with(context)
                .asBitmap()
                .load(uri)
                .placeholder(placeholder)
                .override(resize, resize)
                .centerCrop()
                .into(imageView);

    }
    @Override
    public void loadImage(Context context, int resizeX, int resizeY, ImageView imageView, Uri uri) {
        Glide.with(context)
                .load(uri)
                .override(resizeX, resizeY)
                .priority(Priority.HIGH)
                .fitCenter()
                .into(imageView);
    }
    @Override
    public void loadGifImage(Context context, int resizeX, int resizeY, ImageView imageView, Uri uri) {
        Glide.with(context)
                .asGif()
                .load(uri)
                .override(resizeX, resizeY)
                .priority(Priority.HIGH)
                .into(imageView);
    }
    @Override
    public boolean supportAnimatedGif() {
        return true;
    }
}

5.接收选择的结果onActivityResult，返回的Uri转换成真实路径。

 @Override
 public void onActivityResult(int requestCode, int resultCode, Intent data) {
     super.onActivityResult(requestCode, resultCode, data);
     if (resultCode == RESULT_OK) {// 操作成功了
         switch (requestCode) {
             case REQUEST_CODE_CHOOSE:// 图库选择图片
                 List<Uri> imglisturi = Matisse.obtainResult(data);
                 List<String> imgliststr = new ArrayList<>();
                 for (Uri uri : imglisturi) {
                     imgliststr.add(ImageUriUtil.getPhotoPathFromContentUri(this, uri));
                 }
                 LogUtil.Logd("onActivityResult拿到了" + imgliststr.size() + "张图片:" + imgliststr);
                 break;
         }
     }
 }

End