当前位置： 移动技术网 > 移动技术>移动开发>Android > Android自定义图片选择器1-简单版

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

2018年02月06日  | 移动技术网移动技术  | 我要评论

前言：图片选择器基本上是每个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。

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网