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。

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

(0)

相关推荐

  • Android ImageSelector微信图片选择器

    前言 现在绝大多数的App都上传图片的功能,比如设置用户头像.聊天发送图片.发表动态.论坛帖子等.上传图片需要先从选择手机中选择要上传的图片,所以图片选择器在App中是很常见的组件,一般的手机都会自带一个图片选择器.不过很多App并不喜欢用手机自带的选择器,而是自己实现一个图片选择器. 比如微信的图片选择器就做的很好.没办法,谁让微信这么强大,我不超抄袭你,但是,我可以模仿你. 效果图 是不是和真的一样,哈哈,不过,作者的唯一缺陷就是没有提供拍照,唉,有一点遗憾,但是,这个就够用了! 思路 1.

  • Android仿微信朋友圈图片选择器

    最近做开发需要解决一个模仿微信朋友圈附加图片的功能,具体要求如下: (1)从手机中最多选择3张图片,可拍照上传: (2)选择的图片可以点击移除然后再添加新图片: (3)可以在手机包含图片的各个文件夹中随意选择等. 本博客主要实现的是以上功能,其他诸如主界面布局.各种控件添加和提交功能等旨在说明问题,只做了简单处理,重点在图片选择添加部分.该功能的实现主要引用了一个图片加载的开源框架universal-image-loader. 其中截图如下: 为了不过于冗余,过滤了部分布局文件和资源文件,在这里

  • Android仿微信照片选择器实现预览查看图片

    好了下面进入正题,我们先看一下实现效果吧: 下面来介绍一下代码: 本思路就是: 1.先到手机中扫描jpeg和png的图片 2.获取导图片的路径和图片的父路径名也就是文件夹名 3.将图片路径和文件夹名分别添加导数据源中 4.数据源有了就是显示了,文件夹显示是利用的popwindow,而图片显示则是GridView 看一下具体代码: 首先开启一个线程去扫描图片 /** * 利用ContentProvider扫描手机中的图片,此方法在运行在子线程中 完成图片的扫描,最终获得jpg最多的那个文件夹 */

  • 浅谈谈Android 图片选择器

    ImageSelector 简介 Android自定义相册,实现了拍照.图片选择(单选/多选).ImageLoader无绑定 任由开发者选择 https://github.com/YancyYe/ImageSelector Demo Download Apk 更新内容 UI重改 所有功能可配置 解决OOM情况 图片手动选择 支持汉语和英语 截图展示 使用说明 步骤一: 通过Gradle抓取 dependencies { compile 'com.yancy.imageselector:image

  • Android仿微信图片选择器

    很多项目要用到图片选择控件,每次都要写一大堆逻辑.于是基于图片选择组件(PhotoPicker)封装了一个控件PhotoUploadView.方便简易,一键集成,几句代码就可以添加类似微信的图片选择控件了.下面介绍一下该控件有些什么特点以及怎么使用.先看图: 效果如上图,点击加号弹出选择框,目前提供了两种形式,一个如图所见的PopupWindow,另一个是MaterialDialog,选择拍照或者从图库获取,从图库获取后就进入图二,选择完之后就图三或图四这里因为很多项目需要不一样,所以特别封装了

  • Android实现微信的图片选择器

    现在大部分的App都上传图片的功能,比如设置用户头像.聊天发送图片.发表动态.论坛帖子等.上传图片需要先从选择手机中选择要上传的图片,所以图片选择器在App中是很常见的组件,一般的手机都会自带一个图片选择器.不过很多App并不喜欢用手机自带的选择器,而是自己实现一个图片选择器.比如微信的图片选择器就做的很好.所以我也仿照微信的样式和交互效果,自己做了一个图片选择器:ImageSelector.ImageSelector支持图片的单选.限数量的多选和不限数量的多选.支持图片预览和图片文件夹的切换.

  • Android仿微信图片选择器ImageSelector使用详解

    今天给大家介绍一个仿微信的图片选择器:ImageSelector.ImageSelector支持图片的单选.限数量的多选和不限数量的多选.支持图片预览和图片文件夹的切换.在上一篇文章 <Android 实现一个仿微信的图片选择器> 中我介绍了ImageSelector的实现思路和分析了它的核心代码,有兴趣的同学可以看一下.完整的代码放在了GitHub,欢迎大家下载和使用.本篇文章为大家介绍ImageSelector的具体使用方式. 先上效果图: 1.引入依赖 在Project的build.gr

  • Android图片选择器 丰富的配置选项

    最近也是刚好项目用到,于是就动手写了一个Android 图片选择器的库.支持图库多选/单选/图片裁剪/拍照/自定义图片加载库,极大程度的简化使用. 截图 优点 1.通过实现ImageLoader接口,可以实现自定义图片加载器的功能.例如可以用Glide.Picasso.ImageLoader,暂不支持Fresco,因为SimpleDraweeView本身并不属于ImageView.当然,也可用相同的思路来实现. 2.可配置的ImgSelConfig.方便进行扩展. 3.简化使用 项目地址:htt

  • Android实现图片选择器功能

    本文实例为大家分享了Android实现图片选择器功能的具体代码,供大家参考,具体内容如下 图片选择功能用的是GitHub上的依赖库,网址 先来看下我运行的效果图如下所示: 该依赖库是Android平台上拍照/录像,图片/视频选择,编辑和压缩的一站式解决方案. 添加依赖,在app->build.gradle里面添加依赖 //图片/视频选择.预览.编辑与拍照 implementation 'com.github.guoxiaoxing:phoenix:1.0.15' 初始化: public clas

  • Android 高仿QQ图片选择器

    当做一款APP,需要选择本地图片时,首先考虑的无疑是系统相册,但是Android手机五花八门,再者手机像素的提升,大图无法返回等异常因数,导致适配机型比较困难,微信.QQ都相继的在自己的APP里集成了图片选择功能,放弃了系统提供的图片选择器,这里仿造QQ做了一个本地图片选择器,PS:之前有人说"仿"写成"防"了,今儿特意注意了下,求不错. 先上一张效果图,无图无真相啊~~~ 实现的效果大概是这样的: 1.单选:跳转到本地图片选择文件夹,选择文件夹后,进入到该文件夹下

随机推荐