前言
在项目中经常会有反馈，选择多张图片，或者cell中会有需要显示几张照片。 最近一个项目中需要选择图片，图片可修改，本地需要存储，提到到服务器之后需要展示。图片存到数据库只能以NSData方式存储，所以加载图片有三种方式，NSData，UIImage，url字符串。所以简单总结下。在本地处理中需要有添加，修改，照片选择器有系统默认的，有三方比如，TZImagePickerController。所以两种方式姑且都考虑在内。对于网络加载的图片，有照片浏览的需求，借用了SDPhotoBrowser
代码
.h
@property(nonatomic,strong)NSMutableArray *imageA;//必须是不可变数组（可传入，返回的是UIImage的数组）接受NSData, UIImage ,NSString的集合
@property(nonatomic,assign)NSInteger maxCount;//最多个数
@property(nonatomic,weak)UIViewController *currentVc;//
@property(nonatomic,assign)BOOL isWebUrl;//网络加载
@property(nonatomic,assign)CGSize imageSize;
@property(nonatomic,assign)BOOL isSelect3rdPicker;//默认是原生的,可以选择TZlPicker
-(void)beginLayout;//开始布局
@property(nonatomic,assign)CGFloat totalH;
因为需要控制器缘故，需要一个控制器属性，但是设置为weak，避免循环引用。
.m
-(void)beginLayout{
if (!self.imageA || self.imageA.count <=0) {
if (self.isWebUrl) {
self.height = 0;
return;
}else{
if (!self.imageA) {
self.imageA = [NSMutableArray array];
}
}
}
//如果是data提前转换
[self.imageA enumerateObjectsUsingBlock:^(id _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
if ([obj isKindOfClass:[NSData class]]) {
[self.imageA replaceObjectAtIndex:idx withObject:[UIImage imageWithData:obj]];
}
}];
[self.imageA enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL * _Nonnull stop) {
//大于最大个数，停止
if (idx > (self.maxCount-1)) {
*stop = YES;
}
//创建图片
UIImageView *imageView = [self createImageView];
if ([obj isKindOfClass:[UIImage class]]) {
imageView.image = obj;
}
if ([obj isKindOfClass:[NSData class]]) {
imageView.image = [UIImage imageWithData:obj];
}
if ([obj isKindOfClass:[NSString class]]) {
[imageView sd_setImageWithURL:[NSURL URLWithString:obj] placeholderImage:[UIImage imageNamed:@"默认头像"] options:SDWebImageRefreshCached];
imageView.tag = idx;
UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapShow:)];
imageView.userInteractionEnabled = YES;
[imageView addGestureRecognizer:tapGesture];
}
if (!self.isWebUrl) {
imageView.userInteractionEnabled = YES;
UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(changImage:)];
[imageView addGestureRecognizer:tapGesture];
}
[self addSubview:imageView];
}];
//是否有add按钮
if (!self.isWebUrl) {
if (self.subviews.count < self.maxCount) {
UIImageView *imageView = [self createImageView];
[self addSubview:imageView];
UIImageView *addImageView =[[UIImageView alloc]initWithImage:[UIImage imageNamed:@"add_picture"]];
addImageView.userInteractionEnabled = YES;
addImageView.contentMode = UIViewContentModeScaleAspectFit;
addImageView.center = CGPointMake(self.imageSize.width/2, self.imageSize.height/2);
UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(addPic)];
[addImageView addGestureRecognizer:tapGesture];
[imageView addSubview:addImageView];
}
}
[self dealImageA];
}
至于如果传入的NSData数组，提前转换为UIImage的数组，统一一下。
添加图片：
-(void)addPic{
if (self.isSelect3rdPicker) {
TZImagePickerController *pickerController = [[TZImagePickerController alloc]initWithMaxImagesCount:self.maxCount - self.imageA.count delegate:self];
// pickerController.sortAscendingByModificationDate = NO;
WS(weakSelf);
[pickerController setDidFinishPickingPhotosHandle:^(NSArray<UIImage *> *photo, NSArray *assets, BOOL isSelectOriginalPhoto){
if (photo.count) {
[weakSelf addNewImages:photo];
}
}];
[self.currentVc presentViewController:pickerController animated:YES completion:nil];
}else{
[self showAlert];
}
}
-(void)addNewImage:(UIImage *)newImage{
[self.imageA insertObject:newImage atIndex:0];
UIImageView *imageView = [self createImageView];
imageView.image = newImage;
UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(changImage:)];
[imageView addGestureRecognizer:tapGesture];
[self insertSubview:imageView atIndex:0];
if (self.imageA.count == self.maxCount) {
UIImageView *addIcon = self.subviews[self.maxCount];
[addIcon removeFromSuperview];
}
[self dealImageA];
}
//添加多张图片--
-(void)addNewImages:(NSArray *)newImages{
//默认多张图片选择顺序是按照用户选择顺序，所以这里进行反序，因为后面把刚添加的index 置为0；
NSArray* images = [[newImages reverseObjectEnumerator] allObjects];
[images enumerateObjectsUsingBlock:^(UIImage * obj, NSUInteger idx, BOOL * _Nonnull stop) {
[self.imageA insertObject:obj atIndex:0];
UIImageView *imageView = [self createImageView];
imageView.image = obj;
UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(changImage:)];
[imageView addGestureRecognizer:tapGesture];
[self insertSubview:imageView atIndex:0];
}];
if (self.imageA.count == self.maxCount) {
UIImageView *addIcon = self.subviews[self.maxCount];
[addIcon removeFromSuperview];
}
[self dealImageA];
}
修改图片：
-(void)changImage:(UITapGestureRecognizer *)tap{
self.isEidtImage = YES;
self.eidtImageView = (UIImageView *)tap.view;
if (self.isSelect3rdPicker) {
TZImagePickerController *pickerController = [[TZImagePickerController alloc]initWithMaxImagesCount:self.maxCount - self.imageA.count delegate:self];
WS(weakSelf);
[pickerController setDidFinishPickingPhotosHandle:^(NSArray<UIImage *> *photo, NSArray *assets, BOOL isSelectOriginalPhoto){
if (photo.count) {
UIImage *image = photo[0];
weakSelf.eidtImageView.image = image;
NSUInteger index = [weakSelf.subviews indexOfObject:weakSelf.eidtImageView];
[weakSelf changeImageForIndex:index image:image];
weakSelf.isEidtImage = NO;
weakSelf.eidtImageView = nil;
}
}];
[self.currentVc presentViewController:pickerController animated:YES completion:nil];
}else{
[self showAlert];
}
}
//替换图片
-(void)changeImageForIndex:(NSUInteger)index image:(UIImage *)changeImage{
[self.imageA replaceObjectAtIndex:index withObject:changeImage];
}
效果：最后
选择照片.gif
demo地址：LXGGView
博客会同步到我的个人博客：http://iphone20.top/
网友评论