一个简单的图片选择器

作者: 夏洛克的喵 | 来源:发表于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

相关文章

  • 一个简单的图片选择器

    ImagePicker 一个简单的图片选择器。为了配合头像选择,写了一个简单的功能。自己写图片选择器的目的也是不言...

  • 图片选择器:TZImagePickerController

    一个封装强大的图片选择器:TZImagePickerController 这里进行简单实现: 1.通过cocoap...

  • “安全的”的swift

    为了实现一个九宫格的图片选择器,如下图 很简单的实现,使用的是collectionView放置图片,给了cell一...

  • Android 10 加载手机本地图片

    我在GitHub上有开源过一个图片选择器项目:ImageSelector。后来有用户反馈图片选择器在Android...

  • CSS选择器

    css选择器 CSS选择器可以简单分为三类:简单选择器、伪元素选择器、组合选择器 简单选择器 标签选择器 标签选择...

  • jQuery基本和层级选择器-2020-01-01

    选择器跟css选择器差不多交集就是把选择器连接起来图片.png ppt记录图片.png图片.png

  • 1.4.2选择器

    1.4.2.1简单选择器 选择器 简单选择器 伪元素选择器 组合选择器 标签选择器 类选择器 .classname...

  • iOS - 仿微博照片/图片选择器

    iOS - 仿微博照片/图片选择器 iOS - 仿微博照片/图片选择器

  • 图片选择器(模仿微信)

    封装了一个简单的图片选择器:连接 如果在使用过程中遇到BUG,希望你能Issues我,谢谢

  • CSS简明教程——选择器

    简单选择器 属性选择器 伪类与伪元素 组合选择器 1. 简单选择器 标签选择器 类选择器 HTML: CSS: I...

网友评论

    本文标题:一个简单的图片选择器

    本文链接:https://www.haomeiwen.com/subject/oqguqxtx.html