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
网友评论