YImagePicker
关于 YImagePicker
本文档更新于:2020/4/15 上午 10 点 36 分
- 支持小红书多图剪裁、微信多图选择、单图剪裁、多图批量剪裁、大图预览
- 支持自定义所有 UI,包括标题栏、底部栏、列表 item、文件夹 item、剪裁页面、预览页面等
- 支持 13 种视频图片格式混合加载,支持过滤掉指定格式文件
- 支持大图预览,支持超长图、超大图,拒绝 too lagre(已修复单图剪裁长图)
- 支持自定义剪裁比例、剪裁边距、圆形剪裁、镂空/充满剪裁(仿最新微信图片头像选择)
- 支持视频多选和预览
- 支持只选择图片或者视频类型
- 支持恢复上一次选中的图片状态(微信样式)
- 支持屏蔽指定媒体文件(微信样式)
- 选择结果直接回调,拒绝配置 ActivityForResult+requestCode,即调用即处理
- 支持选择器调用失败回调
- 支持自定义回调类型
- 支持直接回调媒体相册列表及文件列表
- 支持选择器所有文案修改、国际化定制
- 支持多种特殊需求覆盖,支持自定义选择器拦截事件
- 已全面适配 androidQ
- 支持直接拍摄视频、照片等
- 轻量级,aar 大小不超过 300K,无 so 库,无任何第三方依赖
- 支持 androidx 和 support
- 永久维护
引入依赖
androidx 版本:
implementation 'com.ypx.yimagepicker:androidx:3.1.4'
support 版本:后期可能不再维护,请使用者尽早切换 androidx (support 依赖最高兼容 28)
implementation 'com.ypx.yimagepicker:support:3.1.4.1'
核心原理
YImagePicker 与主项目通过 IPickerPresenter 进行交互与解耦,presenter 采用序列化接口的方式实现。使用者需要自行实现 presenter 的方法。选择器回调采用嵌入 fragment 的方式实现,类似于 Glide 或 RxPermisson.原理上还是使用 OnActivityResult,但无需再配置 requestCode 并且支持跨进程回调。
调用选择器之前必须实现 IPickerPresenter 接口
效果图集
- demo 效果
- 小红书样式
- 微信样式
- 自定义样式
自定义比例剪裁
多图剪裁页面(仿 aloha)
微信图片选择
支持视频、GIF、长图选择,支持选择状态保存。调用前请按照 demo 实现 IPickerPresenter 接口 ,示例如下: WeChatPresenter
ImagePicker.withMulti(new WeChatPresenter())//指定 presenter
//设置选择的最大数
.setMaxCount(9)
//设置列数
.setColumnCount(4)
//设置要加载的文件类型,可指定单一类型
.mimeTypes(MimeType.ofAll())
//设置需要过滤掉加载的文件类型
.filterMimeTypes(MimeType.GIF)
.showCamera(true)//显示拍照
.setPreview(true)//开启预览
//大图预览时是否支持预览视频
.setPreviewVideo(true)
//设置视频单选
.setVideoSinglePick(true)
//设置图片和视频单一类型选择
.setSinglePickImageOrVideoType(true)
//当单选或者视频单选时,点击 item 直接回调,无需点击完成按钮
.setSinglePickWithAutoComplete(false)
//显示原图
.setOriginal(true)
//显示原图时默认原图选项开关
.setDefaultOriginal(false)
//设置单选模式,当 maxCount==1 时,可执行单选(下次选中会取消上一次选中)
.setSelectMode(SelectMode.MODE_SINGLE)
//设置视频可选取的最大时长,同时也是视频可录制的最大时长
.setMaxVideoDuration(1200000L)
//设置视频可选取的最小时长
.setMinVideoDuration(60000L)
//设置上一次操作的图片列表,下次选择时默认恢复上一次选择的状态
.setLastImageList(null)
//设置需要屏蔽掉的图片列表,下次选择时已屏蔽的文件不可选择
.setShieldList(null)
.pick(this, new OnImagePickCompleteListener() {
@Override
public void onImagePickComplete(ArrayList<ImageItem> items) {
//图片选择回调,主线程
}
});
小红书图片选择
高仿小红书图片剪裁框架,支持视频以及多图剪裁、支持视频预览,支持 UI 自定义,支持 fragment 样式侵入。调用前请按照 demo 实现 IPickerPresenter 接口 ,示例如下: RedBookPresenter
ImagePicker.withCrop(new RedBookPresenter())//设置 presenter
.setMaxCount(9)//设置选择数量
.showCamera(true)//设置显示拍照
.setColumnCount(4)//设置列数
.mimeTypes(MimeType.ofImage())//设置需要加载的文件类型
.filterMimeTypes(MimeType.GIF)//设置需要过滤掉的文件类型
.assignGapState(false)//强制留白模式
.setFirstImageItem(null)//设置上一次选中的图片
.setFirstImageItemSize(1,1)//设置上一次选中的图片地址
.setVideoSinglePick(true)//设置视频单选
.setMaxVideoDuration(1200000L)//设置可选区的最大视频时长
.setMinVideoDuration(60000L)//设置视频可选取的最小时长
.pick(this, new OnImagePickCompleteListener() {
@Override
public void onImagePickComplete(ArrayList<ImageItem> items) {
//图片剪裁回调,主线程
//注意:剪裁回调里的 ImageItem 中 getCropUrl()才是剪裁过后的图片地址
}
});
预览
支持多图预览和自定义预览界面,支持加载大图,超长图和高清图,示例如下:
//配置需要预览的所有图片列表,其中 imageitem 可替换为 Uri 或者 String(绝对路径)
ArrayList<ImageItem> allPreviewImageList = new ArrayList<>();
//默认选中的图片索引
int defaultPosition = 0;
//开启预览
ImagePicker.preview(this, new WXImgPickerPresenter(), allPreviewImageList, defaultPosition, new OnImagePickCompleteListener() {
@Override
public void onImagePickComplete(ArrayList<ImageItem> items) {
//图片编辑回调,主线程
}
});
拍照 3.1 版本已变更
支持直接打开摄像头拍照,3.1 版本去除了原有的拍照保存路径,新增了 isCopyInDCIM 入参,代表是否将拍照的图片 copy 一份到外部 DCIM 目录中 因为安卓 Q 禁止直接写入文件到系统 DCIM 文件下,所以拍照入参必须是私有目录路径.所以废弃掉原有的 imagepath 入参 如果想让拍摄的照片写入外部存储中,则需要 copy 一份文件到 DCIM 目录中并刷新媒体库 示例如下:
String name="图片名称,不要加后缀";//可为 null
boolean isCopyInDCIM=true;//copy 一份保存到系统相册文件
ImagePicker.takePhoto(this,name,isCopyInDCIM, new OnImagePickCompleteListener() {
@Override
public void onImagePickComplete(ArrayList<ImageItem> items) {
//拍照回调,主线程
}
});
拍摄视频 3.1 版本已变更
支持直接打开摄像头拍视频,3.1 已变更,变更理由参考拍照 示例如下:
String name="视频名称,不要加后缀";//可为 null
long maxDuration=10000l;//可录制的最大时常,单位毫秒 ms
boolean isCopyInDCIM=true;//copy 一份保存到系统相册文件
ImagePicker.takeVideo(this,name,maxDuration, isCopyInDCIM,new OnImagePickCompleteListener() {
@Override
public void onImagePickComplete(ArrayList<ImageItem> items) {
//视频回调,主线程
}
});
调用选择器并剪裁
支持选择图片完调用剪裁,支持自定义比例剪裁,支持圆形剪裁,示例如下:
ImagePicker.withMulti(new WeChatPresenter())
.mimeTypes(MimeType.ofImage())
.filterMimeTypes(MimeType.GIF)
//剪裁完成的图片是否保存在 DCIM 目录下
//true:存储在 DCIM 下 false:存储在 data/包名/files/imagePicker/ 目录下
.cropSaveInDCIM(false)
//设置剪裁比例
.setCropRatio(1,1)
//设置剪裁框间距,单位 px
.cropRectMinMargin(50)
//是否圆形剪裁,圆形剪裁时,setCropRatio 无效
.cropAsCircle()
//设置剪裁模式,留白或充满 CropConfig.STYLE_GAP 或 CropConfig.STYLE_FILL
.cropStyle(CropConfig.STYLE_FILL)
//设置留白模式下生成的图片背景色,支持透明背景
.cropGapBackgroundColor(Color.TRANSPARENT)
.crop(this, new OnImagePickCompleteListener() {
@Override
public void onImagePickComplete(ArrayList<ImageItem> items) {
//图片剪裁回调,主线程
}
});
拍照并剪裁
支持直接打开摄像头拍照并剪裁,支持自定义比例剪裁和圆形剪裁,示例如下:
//配置剪裁属性
CropConfig cropConfig = new CropConfig();
//设置上一次剪裁矩阵位置信息,用于恢复上一次剪裁,Info 类型从 imageitem 或者 cropimageview 中取,可为 null
cropConfig.setCropRestoreInfo(new Info());
//设置剪裁比例
cropConfig.setCropRatio(1, 1);
//设置剪裁框间距,单位 px
cropConfig.setCropRectMargin(100);
//是否保存到 DCIM 目录下,false 时会生成在 data/files/imagepicker/ 目录下
cropConfig.saveInDCIM(false);
//是否圆形剪裁,圆形剪裁时,setCropRatio 无效
cropConfig.setCircle(false);
//设置剪裁模式,留白或充满 CropConfig.STYLE_GAP 或 CropConfig.STYLE_FILL
cropConfig.setCropStyle(CropConfig.STYLE_GAP);
//设置留白模式下生成的图片背景色,支持透明背景
cropConfig.setCropGapBackgroundColor(Color.TRANSPARENT );
//调用拍照
ImagePicker.takePhotoAndCrop(this, new WXImgPickerPresenter(), cropConfig,
new OnImagePickCompleteListener() {
@Override
public void onImagePickComplete(ArrayList<ImageItem> items) {
//剪裁回调,主线程
}
});
直接剪裁
支持直接跳转剪裁页面,示例如下:
CropConfig cropConfig = new CropConfig();
//设置上一次剪裁矩阵位置信息,用于恢复上一次剪裁,Info 类型从 imageitem 或者 cropimageview 中取,可为 null
cropConfig.setCropRestoreInfo(new Info());
//设置剪裁比例
cropConfig.setCropRatio(1, 1);
//设置剪裁框间距,单位 px
cropConfig.setCropRectMargin(100);
//是否保存到 DCIM 目录下,false 时会生成在 data/files/imagepicker/ 目录下
cropConfig.saveInDCIM(false);
//是否圆形剪裁,圆形剪裁时,setCropRatio 无效
cropConfig.setCircle(false);
//设置剪裁模式,留白或充满 CropConfig.STYLE_GAP 或 CropConfig.STYLE_FILL
cropConfig.setCropStyle(CropConfig.STYLE_GAP);
//设置留白模式下生成的图片背景色,支持透明背景
cropConfig.setCropGapBackgroundColor(Color.TRANSPARENT );
//调用剪裁
String needCropImageUrl="需要剪裁的图片路径";
ImagePicker.crop(this, new WXImgPickerPresenter(), cropConfig, needCropImageUrl,
new OnImagePickCompleteListener() {
@Override
public void onImagePickComplete(ArrayList<ImageItem> items) {
//剪裁回调,主线程
}
});
提供媒体数据——支持回调相册数据、所有媒体数据、指定相册内媒体数据
获取媒体相册数据
//指定要回调的相册类型,可以指定 13 种图片视频文件格式混合
Set<MimeType> mimeTypes = MimeType.ofAll();
ImagePicker.provideMediaSets(this, mimeTypes, new MediaSetsDataSource.MediaSetProvider() {
@Override
public void providerMediaSets(ArrayList<ImageSet> imageSets) {
//相册列表回调,主线程
}
});
获取全部媒体文件
//指定要回调的相册类型,可以指定 13 种图片视频文件格式混合
Set<MimeType> mimeTypes = MimeType.ofAll();
ImagePicker.provideAllMediaItems(this, mimeTypes, new MediaItemsDataSource.MediaItemProvider() {
@Override
public void providerMediaItems(ArrayList<ImageItem> imageItems, ImageSet allVideoSet) {
//全部媒体数据回调,主线程
//只有当 mimeTypes 既包含图片或者视频格式文件时,allVideoSet 才有值
}
});
获取指定相册内全部媒体文件
//指定要回调的相册类型,可以指定 13 种图片视频文件格式混合
Set<MimeType> mimeTypes = MimeType.ofAll();
//指定相册,id 不能为空
ImageSet imageSet = new ImageSet();
ImagePicker.provideMediaItemsFromSet(this, imageSet, mimeTypes, new MediaItemsDataSource.MediaItemProvider() {
@Override
public void providerMediaItems(ArrayList<ImageItem> imageItems, ImageSet allVideoSet) {
//全部媒体数据回调,主线程
//只有当 mimeTypes 既包含图片或者视频格式文件时,allVideoSet 才有值
}
});
预加载获取指定相册内全部媒体文件
//指定要回调的相册类型,可以指定 13 种图片视频文件格式混合
Set<MimeType> mimeTypes = MimeType.ofAll();
//指定相册,id 不能为空
ImageSet imageSet = new ImageSet();
//预加载个数
int preloadSize = 40;
ImagePicker.provideMediaItemsFromSetWithPreload(this, imageSet, mimeTypes, preloadSize,
new MediaItemsDataSource.MediaItemPreloadProvider() {
@Override
public void providerMediaItems(ArrayList<ImageItem> imageItems) {
//预加载回调,预先加载指定数目的媒体文件回调
}
},
new MediaItemsDataSource.MediaItemProvider() {
@Override
public void providerMediaItems(ArrayList<ImageItem> imageItems, ImageSet allVideoSet) {
//所有媒体文件回调
}
});
使用前请务必阅读选择器问题解答汇总以及 3.x 使用文档
版本记录
3.1.4 版本 [2020.04.15]
- 修复 3.1.3 版本 path 取不到绝对路径问题
- 修复 quicktime 类型视频无法过滤的问题
3.1.3 版本 [2020.04.09]
- 修复安卓 10 上全部视频文件夹缩略图不展示
- 修复安卓 10 上部分手机上部分图片无法展示问题
- 修复大图预览放大缩小卡顿问题
- 彻底修复 toolarge 闪退
- 优化了图片剪裁预览质量
- 修复预览界面无法预览视频问题
- 预览支持自定义预览 item,可根据图片还是视频动态显示布局
- presenter 的 interceptItemClick 方法新增 isClickCheckBox 入参,代表拦截的对象是否是点击右上角 checkbox
- 新增 showCameraOnlyInAllMediaSet 方法代表是否只在全部文件夹里才展示拍照 item,其他文件夹不展示
- imageitem 新增 displayName 字段代表文件名称
- 其他更多细节优化
3.1 版本 [2020.02.24]
- [优化]isOriginalImage 加入到 imageitem 里
- [变更]自定义文本统一,删除了 PickerConstants 类,presenter 中无需对选择器文案进行修改,若需要修改文案,则直接复制 imagepicker 中 string 文件,另外 demo 已覆盖英文适配
- [优化]多图剪裁已加入 demo(AlohaActivity)
- [bug 修复]长图剪裁崩溃问题
- [bug 修复]关闭屏幕旋转问题
- [新增]新增 setDefaultOriginal 用于设置此次打开选择器的默认原图开关
- [新增]单图剪裁支持保存状态,下次恢复
- [新增]录制视频添加最大时长配置
- [优化]完全兼容 androudQ 拍照问题
- [新增]UiPickerConfig 新增主题色设置
- [优化]demo 架构调整,使用者参考更清晰
下个版本排期
时间:暂定 2020 年 5 月中旬
- 剪裁支持输出大小
- 剪裁支持旋转(尽量)
- 文件大小加载限制
- 支持 darkmode 模式
- 支持 activity 自定义跳转动画
- 内置新版本微信样式,知乎样式等
- 支持切换视频底层框架(吐槽:官方 videoView 太难用了
/(ㄒoㄒ)/) 等你来提
永不 TODO:
- 不会支持图片压缩,请使用者自行使用 luBan
- 不会支持图片和视频高级编辑(滤镜、贴纸等)
感谢
本框架媒体库查询部分借鉴于知乎开源框架 Matisee,并在其基础上拓展并延伸,让查询更富有定制性,在此对 Matisee 原作者表示感谢。
本库来源于 mars App,想要体验城市最新的吃喝玩乐,欢迎读者下载体验 mars!
感谢所有支持或 star 本项目的使用者,感谢所有给我提 issue 的朋友们 !
心声
YImagePicker 从当初的只支持微信图片选择器到支持小红书样式,再到各种自定义,可谓花费了我近一年多的时光,可能有人觉得这个项目很简单,但是从开源性的角度上来说,很多时候代码不是我们想怎么写就怎么写的。为了达成统一风格,本人也借鉴了不下于 20 多个图片选择库。但是随着业务的复杂和机型的多样,不得不一遍遍重构,其中带来了不少的问题,也学习到了很多。在我的计划中,本库 3.0 版本算是一次较大的更新,相比 2.x 有着更优异的稳定性和定制性。但这绝不是最优版本,随着越来越多的定制化需求,架构可能会面临一次又一次的更新。所以使用者在使用的过程中如果出现各种各样的问题,还请不要放弃本库,可以直接加我联系方式并反馈给我(喷我),如果有更好的建议,也可以给我提 request,我们一起完善此框架。最后说一句,没有什么是完美的,但我会力所能及~
遇到问题别绕路,QQ 微信直接呼~ 您的 star 就是我前进的动力~🌹