照片选择器

前言

项目中的照片选择器直接是用的第三方的,非常便捷,但是随着项目发展,产品有时候需要自定义照片选择器,以及照片选择器三方库遇到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

你可能感兴趣的:(照片选择器)