Android自定义图片选择器简单版

前言:图片选择器基本上是每个App必备的东西,用公认好的第三方也可以,但是自己写的改起来方便,用起来顺手,而且这东西想想可能没动手之前想想比较难,实际操作起来就很简单了,这次先主要写流程,具体优化的细节以后在写。

难点:动手之前最困惑的问题就是怎么获取到手机里所有的图片,获取到之后,显示出来,处理逻辑这些就简单了。

步骤1:动态申请权限

private boolean permissionOpen() {
    if (ContextCompat.checkSelfPermission(this, Manifest.permission.WRITE_EXTERNAL_STORAGE) !=
        PackageManager.PERMISSION_GRANTED) {//动态申请读写权限
      ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE},
          101);
    } else {
      getImages();//有权限的话直接去获取手机图片
      return true;
    }
    return false;
  }
@Override
  public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {

    if (requestCode == 101) {
      if (grantResults[0] == PackageManager.PERMISSION_GRANTED) {
        getImages();//申请权限成功之后,去获取手机图片
      } else {
        Toast.makeText(this, "权限申请失败", Toast.LENGTH_LONG).show();
      }
      return;
    }
    super.onRequestPermissionsResult(requestCode, permissions, grantResults);
  }

步骤2:给手机图片做一个模型,我的想法是以每一个放图片的文件夹为一个模型,说通俗点,A文件夹下边有3张图片a.jpg,b.jpg,c.jpg,B文件夹下有2张图片,d.jhpg,e.jpg,我就给A和B等等这种文件夹做一个模型

public class PictureBean {//我的想法是以每一个放图片的文件夹为一个模型

  private String name;//文件夹的名字,以后会用到,具体用处可以先打开微信的图片选择器,点左下角视频和图片,弹出一个popupwindow,每一个item都有一个name,他这个name应该是图片父目录的文件名,我这个name也是这个意思,不过这篇博客应该暂时用不到
  private int number;//这个文件夹下图片的数量
  private String firstImageUrl;//这个文件夹下的第一张图片
  private List<String> imageList;//这个文件夹下的图片集合
  private String parentPath;//这个文件夹的绝对路径

  public String getParentPath() {
    return parentPath;
  }

  public void setParentPath(String parentPath) {
    this.parentPath = parentPath;
  }

  public String getName() {
    return name;
  }

  public void setName(String name) {
    this.name = name;
  }

  public int getNumber() {
    return number;
  }

  public void setNumber(int number) {
    this.number = number;
  }

  public String getFirstImageUrl() {
    return firstImageUrl;
  }

  public void setFirstImageUrl(String firstImageUrl) {
    this.firstImageUrl = firstImageUrl;
  }

  public List<String> getImageList() {
    return imageList;
  }

  public void setImageList(List<String> imageList) {
    this.imageList = imageList;
  }

}

步骤3:先声明好 list等变量,避免一会看代码不知道某个变量怎么来的

private List<PictureBean> beanList; //最后我们会把所有的文件夹模型都放到这里, 你要是问图片在哪?当然是在PictureBean的imageList里啦

步骤4:看getImages()方法

private void getImages() {
    new Thread(new Runnable() {//查询图片什么的,肯定要开一个线程就不解释了
      @Override
      public void run() {
        Uri imageUri = MediaStore.Images.Media.EXTERNAL_CONTENT_URI;//这个Uri代表要查询的数据库名称加上表的名称
        ContentResolver contentResolver = context.getContentResolver();//这个用的少不知道该怎么表达,反正就是对外共享数据呗,提供手机里的各种数据(视频,图片,文件)

        Cursor cursor = contentResolver.query(imageUri, null, MediaStore.Images.Media.MIME_TYPE//这个就是查询操作了吧(cursor,游标,听起来很熟悉,老师绝对讲过,不过原谅我数据库这一块渣到爆炸)
            + "=? or " + MediaStore.Images.Media.MIME_TYPE + "=?", new String[]{"image/jpeg"}, MediaStore.Images.Media.DATE_MODIFIED);

        if (cursor == null) {
          return;
        }

        List<String> pathList = new ArrayList<>();//同一个文件夹下的图片的集合
        String mParentPath = "";//所在文件夹的绝对路径
        while (cursor.moveToNext()) {
          String path = cursor.getString(cursor.getColumnIndex(MediaStore.Images.Media.DATA));//图片的绝对路径
          File file = new File(path).getParentFile();
          String parentPath = file.getAbsolutePath();//文件夹的绝对路径

          if (cursor.isFirst()) {//如果是第一个图片
            pathList.add(path);//直接加到图片集合里
            mParentPath = parentPath;//文件夹的绝对路径 等于 我们获取到的这张图片的 文件夹的绝对路径
          } else if (mParentPath.equals(parentPath)) {//如果 新的图片的文件夹的绝对路径 跟上一张图片的文件夹的绝对路径相同, 说明两张图片在同一个文件夹下
            pathList.add(path);//继续填到集合里
          } else {//说明 新的图片跟 上一张图片不在同一个文件夹 下
            List<String> list = new ArrayList<>(); 
            list.addAll(pathList); //用一个新的list 加载 之前一个文件夹下的所有图片(这里暂时想不到更好的办法了)
            pathList.clear(); 
            pathList.add(path); //旧的list 清空之后呢, 开始加载 新的文件夹下的 第一张图片(仔细看一看就知道逻辑了,代码写的确实比较烂,哈哈哈)
            PictureBean bean = new PictureBean();//我们之前写好的模型
            bean.setNumber(list.size()); //数量就是list的数量
            bean.setFirstImageUrl(list.get(0)); //第一张图片
            bean.setImageList(list);//图片集合
            bean.setParentPath(mParentPath);//所在文件夹的绝对路径
            beanList.add(bean);//把模型放到步骤3定义好的list
            mParentPath = parentPath; //文件夹绝对路径 变成了 新的文件夹路径
          }
        }
         //到此为止,喜大普奔,所有的图片都已经获取到了,接下来直接显示出来(想做复杂的呢可以参考微信,我正在参考中...)
        handler.sendEmptyMessage(1);
      }
    }).start();
  }

步骤5:因为我们这次是简单版,既然图片数据都有了,就简单的展示一下好了

Handler handler = new Handler() {
    @Override
    public void handleMessage(Message msg) {
      final List<String> list = new ArrayList<>();
       //因为是简单版,我就直接把所有的图片都存到一个list里用来显示了
      for (PictureBean pictureBean : beanList) {
        for (String s : pictureBean.getImageList()) {
          list.add(s);
        }
      }
      adapter.setList(list);
      adapter.notifyDataSetChanged();
      adapter.setmOnClick(new ItemAdapter.onClick() {
        @Override
        public void itemOnClick(int position) {//点击事件就是把被点击的图片的绝对路径返回去
          Intent intent = new Intent();
          intent.putExtra("image", list.get(position));
          setResult(RESULT_OK, intent);
          finish();
        }
      });
    }
  };

到此,开头说的难点就算搞定了,adapter代码很简单就不贴了,最主要是步骤4。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

代码技巧

转载请关注公众号:代码技巧 回复:授权

本文链接地址:https://www.oudahe.com/p/54573/