前言
项目中的照片选择器直接是用的第三方的,非常便捷,但是随着项目发展,产品有时候需要自定义照片选择器,以及照片选择器三方库遇到Bug都难以解决,并且第三方的照片选择器功能繁多,项目中并没有使用到,所以决定自己来写一个照片选择器,调研了微信等APP并结合项目,封装一些基本功能,项目后期需要组件化开发,所以通过cocoaPods私有库进行管理(私有库搭建)
照片选择器功能预览
1. 图片多选和单选
2. 视频单选
3. 相机预览或占位
4. 媒体类型选择
5. 视频最大时长和最小时长
6. 图片裁剪
7. 支持记录选中图片
8. 支持记录选中数量
9. 照片时间排序
10.push、present跳转
11.自定义UI
项目结构
确定照片选择器需要实现的功能后,照片选择器可以拆分为选择、预览、编辑三大模块以及实现一些公共的扩展和管理类, 这里管理类主要有照片选择器配置、照片选择器管理、照片数据源管理、本地资源管理, 因为项目工期比较紧张,编辑这一块目前只实现了裁剪,用的第三方库实现,后面有时间会替换掉
照片选择器结构
照片选择器写下来有两个点可以交流一下
1. 相册列表选中闪烁的问题
相册列表选中后,需要刷新照片能否被选中,所以需要reloadData, 这样cell会再次请求图片,出现闪烁,于是采取去除动画刷新,并不能解决这个问题,闪烁的根本原因是图片再次请求, 因此请求完图片后将Image存在model里,再次刷新就去取model的Image,闪烁的问题就解决了,但是随之会带来新的问题,因为Image存在model是在内存里,没有释放,滑动列表加载图片会导致内存持续增长,所以我们需要在cell消失的时候去释放掉image, 这样闪烁和内存的问题就解决了
// Cell移出屏幕
func collectionView(_ collectionView: UICollectionView, didEndDisplaying cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
// cell离开屏幕,将thumbnailImage从内存中清掉,因为reloadData也会调用didEndDisplaying,所以直接return
if self.isReloadData {
return
}
let albumModel = self.albumModel?.photoModels[indexPath.row]
albumModel?.thumbnailImage = nil
}
2. 相册列表应该回调哪些数据
看了一些第三方库回调的各不相同, 有的是回调的PHAsset数组,或者Image数组,也有返回照片模型数组的,因为项目中之前调用的照片选择器回调的imageData,再考虑到外部也可能直接显示图片和请求原图, 所以我这边就将image、imageData、PHAsset放在模型里都回调出去,这样处理和网上大多的第三方库处理方案并不相同,所以不一定合理,这里值得探讨一下
/// 选择照片完成, 遍历选中的数组,下载图片并压缩成Data, 最后回调给外部
func selectedPhotosFinishDisMiss() {
let size = CGSize(width: photoPickerScreenWidth * UIScreen.main.scale, height: photoPickerScreenHeight * UIScreen.main.scale)
let group = DispatchGroup()
let dispatchQueue = DispatchQueue.global()
for photoModel in self.selectPhotoModels {
if let editImage = photoModel.editImage {
photoModel.compressOriginalImageData = editImage.compression()
continue
}
dispatchQueue.async(group: group, execute: {
group.enter()
PhotoManger.fastFetchImage(for: photoModel.asset, size: size, completion: { image, isDegraded in
photoModel.compressImage = image
photoModel.compressOriginalImageData = image?.compression()
group.leave()
})
})
}
group.notify(queue: dispatchQueue) {
DispatchQueue.main.async {
self.delegate?.photoPickerDidFinish(selectPhotos: self.selectPhotoModels)
}
}
}
照片选择器的Demo已经上传到GitHub ,需要自己实现照片选择器的同学可以根据自己的项目进行修改, 也可以直接使用,目前未集成公有库,后期有同学需要,会考虑集成pods
网友评论