一个模仿微博的照片选择器
github地址:https://github.com/LoveZYForever/HXWeiboPhotoPicker
前言
Demo 使用的是PhotoKit框架来获取系统相册以及照片/视频
关于PhotoKit框架说明可以看看此文章
http://kayosite.com/ios-development-and-detail-of-photo-framework-part-two.html
安装方式
Cocoapods:pod 'HXWeiboPhotoPicker' '~> 2.0.4'搜索不到库或最新版请执行pod repo update
手动导入:将项目中的“HXWeiboPhotoPicker”文件夹拖入项目中
网络图片加载使用的是SDWebImage v4.0.0
只使用照片选择功能 导入头文件 "HXPhotoViewController.h"
选完照片/视频后自动布局功能 导入头文件 "HXPhotoView.h"
主要功能:
1、查看/选择 GIF图片
2、查看/选择 LivePhoto
3、支持 3DTouch 预览
4、照片和视频可设置是否支持同时选择
5、自定义相机拍照/录制视频
6、自定义转场动画(完全模仿微博效果)
7、选完之后图片九宫格排列(View自动更新高度、通过代理返回)
8、图片长按拖动更变顺序
9、图片设置最大上限,加号按钮自动隐藏
10、支持浏览网络图片
11、支持裁剪图片
效果图如下:
Paste_Image.png
Paste_Image.png
HXPhotoManager 照片管理类相关属性介绍
HXPhotoManagerSelectedTypePhoto // 只选择图片 HXPhotoManagerSelectedTypeVideo // 只选择视频 HXPhotoManagerSelectedTypePhotoAndVideo // 图片和视频一起 HXPhotoManagerCameraTypeHalfScreen // 半屏相机 HXPhotoManagerCameraTypeFullScreen // 全屏相机 HXPhotoManagerCameraTypeSystem // 系统相机 /** * 管理UI的类 */ HXPhotoUIManager *UIManager; /** * 拍摄的 照片/视频 是否保存到系统相册 默认NO 此功能需要配合 监听系统相册 和 缓存相册 功能 (请不要关闭) */ BOOL saveSystemAblum; /** * 视频能选择的最大秒数 - 默认 5分钟/300秒 */ NSTimeInterval videoMaxDuration; /** * 是否缓存相册, manager会监听系统相册变化(需要此功能时请不要关闭监听系统相册功能) 默认YES */ BOOL cacheAlbum; /** * 是否监听系统相册 默认 YES */ BOOL monitorSystemAlbum; /** 是否为单选模式 默认 NO */ BOOL singleSelected; /** 单选模式下是否需要裁剪 默认YES */ BOOL singleSelecteClip; /** 是否开启3DTouch预览功能 默认NO */ BOOL open3DTouchPreview; /** 相机界面类型 // 默认 半屏 */ HXPhotoManagerCameraType cameraType; /** 删除网络图片时是否显示Alert // 默认不显示 */ BOOL showDeleteNetworkPhotoAlert; /** 网络图片地址数组 */ NSMutableArray *networkPhotoUrls; /** 是否把相机功能放在外面 默认 NO 使用 HXPhotoView 时有用 */ BOOL outerCamera; /** 是否打开相机功能 */ BOOL openCamera; /** 是否开启查看GIF图片功能 - 默认开启 */ BOOL lookGifPhoto; /** 是否开启查看LivePhoto功能呢 - 默认NO */ BOOL lookLivePhoto; /** 是否一开始就进入相机界面 */ BOOL goCamera; /** 最大选择数 等于 图片最大数 + 视频最大数 默认10 - 必填 */ NSInteger maxNum; /** 图片最大选择数 默认9 - 必填 */ NSInteger photoMaxNum; /** 视频最大选择数 // 默认1 - 必填 */ NSInteger videoMaxNum; /** 图片和视频是否能够同时选择 默认支持 */ BOOL selectTogether; /** 相册列表每行多少个照片 默认4个 iphone 4s / 5 默认3个 */ NSInteger rowCount; HXPhotoUIManager类相关属性 /** HXPhotoView添加按钮图片 */ NSString *photoViewAddImageName; /** 网络图片占位图 */ NSString *placeholderImageName; /*-------------------导航栏相关属性------------------*/ /** 导航栏背景颜色 */ UIColor *navBackgroundColor; /** 导航栏背景图片 */ NSString *navBackgroundImageName; /** 导航栏左边按钮文字颜色 */ UIColor *navLeftBtnTitleColor; /** 导航栏 标题/相册名 文字颜色 */ UIColor *navTitleColor; /** 导航栏标题箭头图标 */ NSString *navTitleImageName; /** 导航栏右边按钮普通状态背景颜色 */ UIColor *navRightBtnNormalBgColor; /** 导航栏右边按钮普通状态文字颜色 */ UIColor *navRightBtnNormalTitleColor; /** 导航栏右边按钮禁用状态背景颜色 */ UIColor *navRightBtnDisabledBgColor; /** 导航栏右边按钮禁用状态文字颜色 */ UIColor *navRightBtnDisabledTitleColor; /** 导航栏右边按钮禁用状态下的 layer.borderColor 边框线颜色 */ UIColor *navRightBtnBorderColor; /*-------------------相册列表视图------------------*/ /** 相册列表有选择内容的提醒图标 */ NSString *albumViewSelectImageName; /** 相册名称文字颜色 */ UIColor *albumNameTitleColor; /** 照片数量文字颜色 */ UIColor *photosNumberTitleColor; /** 相册列表视图背景颜色 */ UIColor *albumViewBgColor; /** 相册列表cell选中颜色 */ UIColor *albumViewCellSelectedColor; /*-------------------Cell------------------*/ /** cell相机照片图片 */ NSString *cellCameraPhotoImageName; /** cell相机视频图片 */ NSString *cellCameraVideoImageName; /** 选择按钮普通状态图片 */ NSString *cellSelectBtnNormalImageName; /** 选择按钮选中状态图片 */ NSString *cellSelectBtnSelectedImageName; /** gif标示图标 */ NSString *cellGitIconImageName; /*-------------------底部预览、原图按钮视图------------------*/ /** 是否开启毛玻璃效果开启了自动屏蔽背景颜色 */ BOOL blurEffect; /** 底部视图背景颜色 */ UIColor *bottomViewBgColor; /** 预览按钮普通状态文字颜色 */ UIColor *previewBtnNormalTitleColor; /** 预览按钮禁用状态文字颜色 */ UIColor *previewBtnDisabledTitleColor; /** 预览按钮普通状态背景图片 */ NSString *previewBtnNormalBgImageName; /** 预览按钮禁用状态背景图片 */ NSString *previewBtnDisabledBgImageName; /** 原图按钮普通状态文字颜色 */ UIColor *originalBtnNormalTitleColor; /** 原图按钮禁用状态文字颜色 */ UIColor *originalBtnDisabledTitleColor; /** 原图按钮边框线颜色 */ UIColor *originalBtnBorderColor; /** 原图按钮背景颜色 */ UIColor *originalBtnBgColor; /** 原图按钮普通状态图片 */ NSString *originalBtnNormalImageName; /** 原图按钮选中状态图片 */ NSString *originalBtnSelectedImageName; /*-------------------半屏相机界面------------------*/ /** 返回按钮X普通状态图片 */ NSString *cameraCloseNormalImageName; /** 返回按钮X高亮状态图片 */ NSString *cameraCloseHighlightedImageName; /** 闪光灯自动模式图片 */ NSString *flashAutoImageName; /** 闪光灯打开模型图片 */ NSString *flashOnImageName; /** 闪光灯关闭模式图片 */ NSString *flashOffImageName; /** 反转相机普通状态图片 */ NSString *cameraReverseNormalImageName; /** 反转相机高亮状态图片 */ NSString *cameraReverseHighlightedImageName; /** 中心圆点下照片and视频普通状态文字颜色 */ UIColor *cameraPhotoVideoNormalTitleColor; /** 中心圆点下照片and视频选中状态文字颜色 */ UIColor *cameraPhotoVideoSelectedTitleColor; /** 拍照按钮普通状态图片 */ NSString *takePicturesBtnNormalImageName; /** 拍照按钮高亮状态图片 */ NSString *takePicturesBtnHighlightedImageName; /** 录制按钮普通状态图片 */ NSString *recordedBtnNormalImageName; /** 录制按钮高亮状态图片 */ NSString *recordedBtnHighlightedImageName; /** 删除拍摄的照片/视频图片 */ NSString *cameraDeleteBtnImageName; /** 确定拍摄的照片/视频普通状态图片 */ NSString *cameraNextBtnNormalImageName; /** 确定拍摄的照片/视频高亮状态图片 */ NSString *cameraNextBtnHighlightedImageName; /** 中心圆点图片 */ NSString *cameraCenterDotImageName; /** 相机聚焦图片 */ NSString *cameraFocusImageName; /** 全屏相机界面下一步按钮文字颜色 */ UIColor *fullScreenCameraNextBtnTitleColor; /** 全屏相机界面下一步按钮背景颜色 */ UIColor *fullScreenCameraNextBtnBgColor;
HXPhotoResultModel相关属性介绍
HXPhotoResultModelMediaTypePhoto // 照片 HXPhotoResultModelMediaTypeVideo // 视频 /** 资源类型 */ HXPhotoResultModelMediaType type; /** 原图URL */ NSURL *fullSizeImageURL; /** 原尺寸image 如果资源为视频时此字段为视频封面图片 */ UIImage *displaySizeImage; /** 原图方向 */ int fullSizeImageOrientation; /** 视频Asset */ AVAsset *avAsset; /** 视频URL */ NSURL *videoURL; /** 创建日期 */ NSDate *creationDate; /** 位置信息 */ CLLocation *location;
Demo1
// 懒加载 照片管理类 - (HXPhotoManager *)manager { if (!_manager) { _manager = [[HXPhotoManager alloc] initWithType:HXPhotoManagerSelectedTypePhotoAndVideo]; } return _manager; } // 照片选择控制器 HXPhotoViewController *vc = [[HXPhotoViewController alloc] init]; vc.delegate = self; vc.manager = self.manager; [self presentViewController:[[UINavigationController alloc] initWithRootViewController:vc] animated:YES completion:nil]; // 通过 HXPhotoViewControllerDelegate 代理返回选择的图片以及视频 - (void)photoViewControllerDidNext:(NSArray *)allList Photos:(NSArray *)photos Videos:(NSArray *)videos Original:(BOOL)original // 点击取消 - (void)photoViewControllerDidCancel
Demo2
// 懒加载 照片管理类 - (HXPhotoManager *)manager { if (!_manager) { _manager = [[HXPhotoManager alloc] initWithType:HXPhotoManagerSelectedTypePhotoAndVideo]; } return _manager; } self.navigationController.navigationBar.translucent = NO; self.automaticallyAdjustsScrollViewInsets = YES; HXPhotoView *photoView = [[HXPhotoView alloc] initWithFrame:CGRectMake((414 - 375) / 2, 100, 375, 400) WithManager:self.manager]; photoView.delegate = self; photoView.backgroundColor = [UIColor whiteColor]; [self.view addSubview:photoView]; // 代理返回 选择、移动顺序、删除之后的图片以及视频 - (void)photoView:(HXPhotoView *)photoView changeComplete:(NSArray *)allList photos:(NSArray *)photos videos:(NSArray *)videos original:(BOOL)isOriginal; // 当view更新高度时调用 - (void)photoView:(HXPhotoView *)photoView updateFrame:(CGRect)frame; // 删除网络图片的地址 - (void)photoView:(HXPhotoView *)photoView deleteNetworkPhoto:(NSString *)networkPhotoUrl; // 网络图片全部下载完成时调用 - (void)photoViewAllNetworkingPhotoDownloadComplete:(HXPhotoView *)photoView;
关于HXPhotoTools获取资源信息 具体代码还是请下载Demo
// 将HXPhotoModel模型数组转化成HXPhotoResultModel模型数组 - 已按选择顺序排序 // !!!! 必须是全部类型的那个数组 就是 allList 这个数组 !!!! [HXPhotoTools getSelectedListResultModel:allList complete:^(NSArray *alls, NSArray *photos, NSArray *videos) { NSSLog(@"/n全部类型:%@/n照片:%@/n视频:%@",alls,photos,videos); }]; HXPhotoTools提供一个方法可以根据传入的模型数组转换成图片(UIImage)数组 type是个枚举 HXPhotoToolsFetchHDImageType = 0, // 高清 HXPhotoToolsFetchOriginalImageTpe, // 原图 [HXPhotoTools getImageForSelectedPhoto:photos type:HXPhotoToolsFetchHDImageType completion:^(NSArray *images) { NSSLog(@"%@",images); for (UIImage *image in images) { if (image.images.count > 0) { // 到这里了说明这个image 是个gif图 } } }];
具体代码还是请下载项目查看!
转载请注明出处
作者:枫叶丶
链接:http://www.jianshu.com/p/435d4af3c453
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。