美文网首页
照片选择器

照片选择器

作者: 谁偷走了我爱吃的奶酪 | 来源:发表于2021-09-30 12:29 被阅读0次

    前言

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

    相关文章

      网友评论

          本文标题:照片选择器

          本文链接:https://www.haomeiwen.com/subject/essjnltx.html