一个简单的图片选择器

作者: 夏洛克的喵 | 来源:发表于2017-06-15 21:39 被阅读139次

    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.haomeiwen.com/subject/oqguqxtx.html