iOS - 仿微博照片\/图片选择器
点击上方“iOS开发”，选择“置顶公众号”
关键时刻，第一时间送达！
一个模仿微博的照片选择器
github地址：https://github.com/LoveZYForever/HXWeiboPhotoPicker
仿微博照片选择器 支持 iOS8 以上
前言
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、支持裁剪图片
效果图如下：
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<HXPhotoModel *> *)allList photos:(NSArray<HXPhotoModel *> *)photos videos:(NSArray<HXPhotoModel *> *)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<HXPhotoResultModel *> *alls, NSArray<HXPhotoResultModel *> *photos, NSArray<HXPhotoResultModel *> *videos) {
NSSLog(@" 全部类型:%@ 照片:%@ 视频:%@",alls,photos,videos);
}];
HXPhotoTools提供一个方法可以根据传入的模型数组转换成图片(UIImage)数组
type是个枚举
HXPhotoToolsFetchHDImageType = 0, // 高清
HXPhotoToolsFetchOriginalImageTpe, // 原图
[HXPhotoTools getImageForSelectedPhoto:photos type:HXPhotoToolsFetchHDImageType completion:^(NSArray<UIImage *> *images) {
NSSLog(@"%@",images);
for (UIImage *image in images) {
if (image.images.count > 0) {
// 到这里了说明这个image 是个gif图
}
}
}];
作者：枫叶丶
链接：http://www.jianshu.com/p/435d4af3c453
來源：简书
iOS开发整理发布，转载请联系作者授权