首页 > 系统 > iOS > 正文

IOS开发相册图片多选和删除的功能

2019-10-21 18:52:54
字体:
来源:转载
供稿:网友

照例先上效果图

ios开发相册多选图片,ios开发,删除相册图片,ios调用系统相册,多选

本次用的第三方框架做这个,但是需要考虑的地方也比较多,怎么把拍照和相册选取结合、删除照片后添加新照片时候的相册状态等等,所有的改变都是在操作数组。还需考虑图片的压缩上传。

本次用的第三方框架为:QBImagePickerController

按照惯例,上代码,本次代码较多

第一个控制器 .h里没啥代码

#import "RRZShowEditViewController.h"#import "RRZSendShowTextCell.h"#import "RRZSendShowImageCell.h"#import "QBImagePickerController.h"#import "ShowEditItem.h"static NSString *sendShowTextCellID = @"SendShowTextCellID";static NSString *sendShowImageCellID = @"SendShowImageCellID";@interface RRZShowEditViewController ()<UITableViewDataSource, UITableViewDelegate, UINavigationControllerDelegate, UIImagePickerControllerDelegate, UIScrollViewDelegate,UIActionSheetDelegate,QBImagePickerControllerDelegate>@property (strong, nonatomic) UITableView *myTableView;/** model*/@property (strong, nonatomic) ShowEditItem *showEditItem;/** textView的text*/@property (strong, nonatomic) NSString *valueStr;/** 文本输入*/@property (weak, nonatomic) NumberofwordsTextView *textView;@property (strong, nonatomic) QBImagePickerController *imagePickerController;@end@implementation RRZShowEditViewController-(ShowEditItem *)showEditItem{  if (!_showEditItem) {    _showEditItem = [[ShowEditItem alloc]init];    _showEditItem.selectedImages = @[].mutableCopy;    _showEditItem.selectedAssetURLs = @[].mutableCopy;  }  return _showEditItem;}-(QBImagePickerController *)imagePickerController{  if (!_imagePickerController) {    _imagePickerController = [[QBImagePickerController alloc] init];    _imagePickerController.filterType = QBImagePickerControllerFilterTypePhotos;    _imagePickerController.delegate = self;    _imagePickerController.allowsMultipleSelection = YES;    _imagePickerController.maximumNumberOfSelection = 9;  }  [_imagePickerController.selectedAssetURLs removeAllObjects];  [_imagePickerController.selectedAssetURLs addObjectsFromArray:self.showEditItem.selectedAssetURLs];  return _imagePickerController;}-(void)viewWillAppear:(BOOL)animated{  [super viewWillAppear:animated];}-(void)viewDidAppear:(BOOL)animated{  [super viewDidAppear:animated];}- (void)viewDidLoad {  [super viewDidLoad];  self.title = @"晒一晒";  [self setupTabelView];  [self setupNavItem];}-(void)setupNavItem{  UIBarButtonItem *rightItem = [UIBarButtonItem itemWithTitle:@"发布" highTitle:nil target:self action:@selector(sendClick) norColor:NavItemColor highColor:RGB_COLOR(200, 200, 200)];  self.navigationItem.rightBarButtonItem = rightItem;}// 压缩图片- (NSData *)resetSizeOfImageData:(UIImage *)source_image maxSize:(NSInteger)maxSize{  //先调整分辨率  CGSize newSize = CGSizeMake(source_image.size.width, source_image.size.height);  CGFloat tempHeight = newSize.height / 1024;  CGFloat tempWidth = newSize.width / 1024;  if (tempWidth > 1.0 && tempWidth > tempHeight) {    newSize = CGSizeMake(source_image.size.width / tempWidth, source_image.size.height / tempWidth);  }  else if (tempHeight > 1.0 && tempWidth < tempHeight){    newSize = CGSizeMake(source_image.size.width / tempHeight, source_image.size.height / tempHeight);  }  UIGraphicsBeginImageContext(newSize);  [source_image drawInRect:CGRectMake(0,0,newSize.width,newSize.height)];  UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();  UIGraphicsEndImageContext();  //调整大小  NSData *imageData;  if (UIImagePNGRepresentation(newImage)) {    imageData = UIImagePNGRepresentation(newImage);  }else{    imageData = UIImageJPEGRepresentation(newImage, 0.5);  }  NSUInteger sizeOrigin = [imageData length];  NSUInteger sizeOriginKB = sizeOrigin / 1024;  if (sizeOriginKB > maxSize) {    NSData *finallImageData = UIImageJPEGRepresentation(newImage,0.50);    return finallImageData;  }  return imageData;}-(void)sendClick{  [self.view endEditing:YES];  [HUDController showProgressLabel:@""];  NSString *textStr = self.textView.text;  textStr = [textStr stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceCharacterSet]];  if (textStr.length > 0 || self.showEditItem.selectedImages.count > 0) {    DLog(@"发表晒一晒");    NSMutableArray *tempImages = [[NSMutableArray alloc]init];    for (int i = 0; i < self.showEditItem.selectedImages.count; i++) {      UIImage *tempImage = self.showEditItem.selectedImages[i];      NSData *imgData = [self resetSizeOfImageData:tempImage maxSize:150];      tempImage = [UIImage imageWithData:imgData];      [tempImages addObject:tempImage];    }    [[RRZNetworkController sharedController]sendShowInfoByRemark:self.textView.text myfiles:tempImages success:^(NSDictionary *data) {      NSString *code = data[@"code"];      if ([code isEqualToString:@"success"]) {        [HUDController hideHUDWithText:@"发表成功"];        if (_sendSuccessBlock) {          _sendSuccessBlock();        }        [self.navigationController popViewControllerAnimated:YES];      }else{        [HUDController hideHUD];        NSString *message = data[@"message"];        if (message.length > 30) {          message = @"上传失败";        }        UIAlertView *alertView = [[UIAlertView alloc]initWithTitle:nil message:message delegate:nil cancelButtonTitle:@"确认" otherButtonTitles:nil, nil];        [alertView show];      }    } failure:^(NSDictionary *error) {      [HUDController hideHUDWithText:NetworkError];    }];  }else{    [HUDController hideHUDWithText:@"文字或图片不能为空"];  }}-(void)setupTabelView{  //  添加myTableView  _myTableView = ({    UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];    tableView.backgroundColor = [UIColor clearColor];    tableView.dataSource = self;    tableView.delegate = self;    tableView.separatorStyle = UITableViewCellSeparatorStyleNone;    [tableView registerClass:[RRZSendShowTextCell class] forCellReuseIdentifier:sendShowTextCellID];    [tableView registerClass:[RRZSendShowImageCell class] forCellReuseIdentifier:sendShowImageCellID];    [self.view addSubview:tableView];    [tableView mas_makeConstraints:^(MASConstraintMaker *make) {      make.edges.equalTo(self.view);    }];    tableView;  });}#pragma mark - UITableViewDelegate-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{  return 2;}-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{  if (indexPath.row == 0) {    RRZSendShowTextCell *cell = [tableView dequeueReusableCellWithIdentifier:sendShowTextCellID];    self.textView = cell.numberTextView;//    cell.textValueChangedBlock = ^(NSString *valueStr){//      weakSelf.valueStr = valueStr;//    };    return cell;  }else{    RRZSendShowImageCell *cell = [tableView dequeueReusableCellWithIdentifier:sendShowImageCellID];    cell.item = self.showEditItem;    __weak typeof(self) weakSelf = self;    cell.addPicturesBlock = ^(){      [weakSelf showActionForPhoto];    };    cell.deleteImageBlock = ^(ShowEditItem *item){      weakSelf.showEditItem = item;      [weakSelf.myTableView reloadData];    };    return cell;  }}-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{  if (indexPath.row == 0) {    return 200;  }else{    return 300;  }}#pragma mark UIActionSheet M- (void)showActionForPhoto{  UIActionSheet *actionSheet = [[UIActionSheet alloc]initWithTitle:nil delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:nil otherButtonTitles:@"拍照",@"从相册选取", nil];  [actionSheet showInView:self.view];}#pragma mark - UIActionSheetDelegate-(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex{  if (buttonIndex == 0) {    DLog(@"拍照");    if (![UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera]) {      UIAlertView *alert= [[UIAlertView alloc] initWithTitle:nil message:@"该设备不支持拍照" delegate:self cancelButtonTitle:@"确定" otherButtonTitles:NULL];      [alert show];    }else{      UIImagePickerController *picker = [[UIImagePickerController alloc] init];      picker.delegate = self;      picker.allowsEditing = NO;//设置可编辑      picker.sourceType = UIImagePickerControllerSourceTypeCamera;      [self presentViewController:picker animated:YES completion:nil];//进入照相界面    }  }else if (buttonIndex == 1){    DLog(@"相册");    if (![UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypePhotoLibrary]) {      UIAlertView *alert= [[UIAlertView alloc] initWithTitle:nil message:@"该设备不支持从相册选取文件" delegate:self cancelButtonTitle:@"确定" otherButtonTitles:NULL];      [alert show];    }else{      UINavigationController *navigationController = [[BaseNavigationController alloc] initWithRootViewController:self.imagePickerController];      [self presentViewController:navigationController animated:YES completion:NULL];    }  }}#pragma mark UIImagePickerControllerDelegate// 拍照回调- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info{  UIImage *pickerImage = [info objectForKey:UIImagePickerControllerOriginalImage];  [self.showEditItem.selectedImages addObject:pickerImage];  ALAssetsLibrary *assetsLibrary = [[ALAssetsLibrary alloc] init];  [assetsLibrary writeImageToSavedPhotosAlbum:[pickerImage CGImage] orientation:(ALAssetOrientation)pickerImage.imageOrientation completionBlock:^(NSURL *assetURL, NSError *error) {    [self.showEditItem.selectedAssetURLs addObject:assetURL];//    [self.showEditItem addASelectedAssetURL:assetURL];    [self.myTableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:[NSIndexPath indexPathForRow:1 inSection:0]] withRowAnimation:UITableViewRowAnimationFade];  }];  [picker dismissViewControllerAnimated:YES completion:^{}];}- (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker{  [picker dismissViewControllerAnimated:YES completion:nil];}#pragma mark QBImagePickerControllerDelegate//相册回调- (void)qb_imagePickerController:(QBImagePickerController *)imagePickerController didSelectAssets:(NSArray *)assets{  [self.showEditItem.selectedImages removeAllObjects];  NSMutableArray *selectedAssetURLs = [NSMutableArray new];  [imagePickerController.selectedAssetURLs enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) {    [selectedAssetURLs addObject:obj];  }];  self.showEditItem.selectedAssetURLs = selectedAssetURLs;  for (int i = 0; i < assets.count; i++) {    ALAsset *asset = assets[i];    UIImage *tempImg = [UIImage imageWithCGImage:asset.defaultRepresentation.fullScreenImage];    [self.showEditItem.selectedImages addObject:tempImg];  }  @weakify(self);  dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{    self.showEditItem.selectedAssetURLs = selectedAssetURLs;    dispatch_async(dispatch_get_main_queue(), ^{      @strongify(self);      [self.myTableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:[NSIndexPath indexPathForRow:1 inSection:0]] withRowAnimation:UITableViewRowAnimationFade];    });  });  [self dismissViewControllerAnimated:YES completion:nil];}- (void)qb_imagePickerControllerDidCancel:(QBImagePickerController *)imagePickerController{  [self dismissViewControllerAnimated:YES completion:nil];}#pragma mark - scrollView // 滚动结束编辑 收起键盘- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{  if (scrollView == self.myTableView) {    [self.view endEditing:YES];  }}- (void)dealloc{  _myTableView.delegate = nil;  _myTableView.dataSource = nil;}@end

第二个控制器 .h

#import <UIKit/UIKit.h>#import "NumberofwordsTextView.h"@interface RRZSendShowTextCell : UITableViewCell@property (weak, nonatomic) NumberofwordsTextView *numberTextView;@end

第二个控制器 .m

#define kTweetContentCell_ContentFont [UIFont systemFontOfSize:16]#import "RRZSendShowTextCell.h"@interface RRZSendShowTextCell()@end@implementation RRZSendShowTextCell- (void)awakeFromNib {  [super awakeFromNib];  // Initialization code  self.selectionStyle = UITableViewCellSelectionStyleNone;}- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{  self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];  if (self) {    NumberofwordsTextView *numberTextView = [[NumberofwordsTextView alloc] init];    numberTextView.frame = CGRectMake(7, 7, SCREEN_WIDTH-7*2, 180);    numberTextView.wordsMaxNumer = 300;    numberTextView.placeHolder = @"写点什么来晒一晒吧...";    numberTextView.textFont = [UIFont systemFontOfSize:14];    [self addSubview:numberTextView];    self.numberTextView = numberTextView;  }  return self;}@end

第三个 .h

#import <UIKit/UIKit.h>#import "ShowEditItem.h"@interface RRZSendShowImageCell : UITableViewCell@property (copy, nonatomic) void (^addPicturesBlock)();@property (copy, nonatomic) void (^deleteImageBlock)(ShowEditItem *toDelete);@property (nonatomic,strong) ShowEditItem *item;@end.m#define kShowImageCCell_Width floorf((SCREEN_WIDTH - 15*2- 10*3)/4)#import "RRZSendShowImageCell.h"#import "RRZShowEditImageCell.h"#import "UICustomCollectionView.h"static NSString *cellID = @"RRZShowImageCCellID";@interface RRZSendShowImageCell()<UICollectionViewDelegate,UICollectionViewDataSource>@property (strong, nonatomic) UICustomCollectionView *mediaView;@property (strong, nonatomic) NSMutableDictionary *imageViewsDict;/** <#注释#>*/@property (strong, nonatomic) NSArray *imgs;/** <#注释#>*/@property (weak, nonatomic) UIButton *deleteBtn;@end@implementation RRZSendShowImageCell-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{  if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {    self.height = 300;    [self setupCollectionView];    self.selectionStyle = UITableViewCellSelectionStyleNone;    UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(10, 0, SCREEN_WIDTH - 20, 1)];    label.backgroundColor = RGB_COLOR(240, 240, 240);    [self.contentView addSubview:label];  }  return self;}-(void)setupCollectionView{  UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init];  layout.itemSize = CGSizeMake(kShowImageCCell_Width, kShowImageCCell_Width);  self.mediaView = [[UICustomCollectionView alloc]initWithFrame:CGRectMake(15, 10, SCREEN_WIDTH - 2 * 15, 280) collectionViewLayout:layout];  self.mediaView.scrollEnabled = NO;  [self.mediaView setBackgroundColor:[UIColor clearColor]];  [self.mediaView registerNib:[UINib nibWithNibName:NSStringFromClass([RRZShowEditImageCell class]) bundle:nil] forCellWithReuseIdentifier:cellID];  self.mediaView.dataSource = self;  self.mediaView.delegate = self;  [self.contentView addSubview:self.mediaView];}-(void)setItem:(ShowEditItem *)item{  _item = item;  [self.mediaView reloadData];}#pragma mark - UICollectionViewDelegate-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{  NSInteger num = self.item.selectedImages.count;  return num < 9? num+ 1: num;}-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{  RRZShowEditImageCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:cellID forIndexPath:indexPath];  if (indexPath.row < self.item.selectedImages.count) {    cell.img = self.item.selectedImages[indexPath.row];  }else{    cell.img = nil;  }  cell.deleteBtn.tag = indexPath.row;  [cell.deleteBtn addTarget:self action:@selector(deleteBtnClick:) forControlEvents:UIControlEventTouchUpInside];  self.deleteBtn = cell.deleteBtn;  return cell;}-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{  if (indexPath.row == self.item.selectedAssetURLs.count || indexPath.row == self.item.selectedImages.count) {    if (_addPicturesBlock) {      _addPicturesBlock();    }  }}-(void)deleteBtnClick:(UIButton *)btn{  NSInteger index = btn.tag;  [self.item.selectedImages removeObjectAtIndex:index];  [self.item.selectedAssetURLs removeObjectAtIndex:index];  if (_deleteImageBlock) {    _deleteImageBlock(_item);  }}@end

RRZShowEditImageCell.h 就不写了,就是自定义一个UICollectionViewCell

NumberofwordsTextView 在文中也用到了,就不贴代码了

总结

以上就是从相机或相册选取多图上传的代码实现,其他的描述就不写了,希望这篇文章对大家开发IOS能有一定的帮助,如果有疑问大家可以留言交流。


注:相关教程知识阅读请移步到IOS开发频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表