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中添加以下代码:

    120dp
    24dp
    8dp

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

    // 图库选取图片标识请求码
    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 imglisturi = Matisse.obtainResult(data);
                 List imgliststr = new ArrayList<>();
                 for (Uri uri : imglisturi) {
                     imgliststr.add(ImageUriUtil.getPhotoPathFromContentUri(this, uri));
                 }
                 LogUtil.Logd("onActivityResult拿到了" + imgliststr.size() + "张图片:" + imgliststr);
                 break;
         }
     }
 }

End

你可能感兴趣的:(Matisse第三方图片选择库的使用)