照片选择器

前言

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

最后编辑于：2021.11.14 12:13:17