一个简单的图片选择器

ImagePicker 一个简单的图片选择器。为了配合头像选择,写了一个简单的功能。自己写图片选择器的目的也是不言而喻的,使界面风格保持整体的一致性。虽然可以用系统的相册和裁剪功能,但各种系统的界面风格不统一,和自身 app 界面也很难统一。所以使用自己的图片选择界面还是很有必要的。第三方的图片选择器有很多,而且很强大。但是有时候我们并不需要这么多功能,写一个自己的所需的最小功能一定程度上可以缩减整体项目代码的, gralde 中的 ‘compile’ 列表也不会进一步肿胀。

核心的代码很少,思路也很简单。就是查询出手机中所有的图片信息,并按目录分类好。

    public static List<ImageFolder> getAllImages(Context context) {
        Map<String, ImageFolder> imageFolderRecord = new HashMap<>();
        context = context.getApplicationContext();
        String[] projection = {
                MediaStore.Images.Media._ID,
                MediaStore.Images.Media.BUCKET_ID,
                MediaStore.Images.Media.BUCKET_DISPLAY_NAME,
                MediaStore.Images.Media.DATA,
                MediaStore.Images.Media.DATE_TAKEN,
                MediaStore.Images.Media.ORIENTATION,
                MediaStore.Images.Thumbnails.DATA
        };
        List<ImageFolder> imageFolders = new ArrayList<>();
        ImageFolder allImageFolder = new ImageFolder("全部");
        imageFolders.add(allImageFolder);
        Cursor cursor = null;
        try {
            cursor = MediaStore.Images.Media.query(context.getContentResolver(),
                    MediaStore.Images.Media.EXTERNAL_CONTENT_URI, projection, "", null,
                    MediaStore.Images.Media.DATE_TAKEN + " DESC");//按时间倒序获取图片
            int bucketNameColumn = cursor.getColumnIndex(MediaStore.Images.Media.BUCKET_DISPLAY_NAME);//获得图片目录名称在“表”中的位置
            while (cursor.moveToNext()) {
                String bucketName = cursor.getString(bucketNameColumn);
                int dataColumn = cursor.getColumnIndex(MediaStore.Images.Media.DATA);
                String path = cursor.getString(dataColumn);
                File file = new File(path);
                if (file.exists() && file.length() > 0) {
                    ImageInfo imageInfo = new ImageInfo(path);
                    allImageFolder.addImageInfo(imageInfo);//放入“全部”目录下
                    ImageFolder imageFolder = imageFolderRecord.get(bucketName);
                    if (imageFolder == null) {//如若还没有该“目录”则新建一个
                        imageFolder = new ImageFolder(bucketName);
                        imageFolders.add(imageFolder);
                        imageFolderRecord.put(bucketName, imageFolder);//将该“目录”记录下来
                    }
                    imageFolder.addImageInfo(imageInfo);//图片信息放入该目录内
                }
            }
        } catch (Exception e) {
            Log.e(TAG, e.getLocalizedMessage());
        } finally {
            if (cursor != null) {
                cursor.close();
            }
        }

        return imageFolders;
    }

示例里的图片裁剪功能采用了第三方库 UCrop ,这里建议先采用导入项目方式的依赖方式,好方便改 UCrop 的界面以便和你的 APP 风格统一。

示例子中的 BottomSheetDialog 的使用可能并不是最好的选择,大家可以按需要参考修改。这里使用 BottomSheetDialog 中碰到一个问题,尚未弄清楚。在BottomSheetDialog 中的 onCreate 方法中调用 setContentView 方法,显示的内容宽度总不是满屏的,在外部调用却没有这个问题。还没有细看 BottomSheetDialog 的源码,若谁知道原因,还望解惑。

《一个简单的图片选择器》 示例1.png
《一个简单的图片选择器》 示例2.png
《一个简单的图片选择器》 示例3.png

参考:https://github.com/pengjianbo/GalleryFinal

    原文作者:夏洛克的喵
    原文地址: https://www.jianshu.com/p/a56f2116f704
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞