如何在iOS中利用collectionView实现一个照片删除功能-创新互联

本篇文章给大家分享的是有关如何在iOS中利用collectionView实现一个照片删除功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

创新互联长期为成百上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为大化企业提供专业的成都做网站、网站制作,大化网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

,工程图。

如何在iOS中利用collectionView实现一个照片删除功能

三,代码。

ViewController.h

#import 
@interface ViewController : UIViewController

{
 UICollectionView *_collectionView;
 UIImagePickerController *_imagePicker;
 NSMutableArray *photos;
 NSMutableArray *dataArray;
 NSInteger deleteIndex;
 BOOL wobble;
}
@end

ViewController.m

//点击添加按钮的时候,停止删除。
#import "ViewController.h"
#import "photoCollectionViewCell.h"
NSInteger const Photo = 8;
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
 [super viewDidLoad];
 // Do any additional setup after loading the view, typically from a nib.
 //其布局很有意思,当你的cell设置大小后,一行多少个cell,由cell的宽度决定
 UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc]init];
 //设置cell的尺寸
 [flowLayout setItemSize:CGSizeMake(70, 70)];
 //设置其布局方向
 [flowLayout setScrollDirection:UICollectionViewScrollDirectionVertical];
 //设置其边界(上,左,下,右)
 flowLayout.sectionInset = UIEdgeInsetsMake(5,5,5,5);
 _collectionView = [[UICollectionView alloc]initWithFrame:CGRectMake(10, 50, 320,85*2) collectionViewLayout:flowLayout];
 _collectionView.dataSource = self;
 _collectionView.delegate = self;
 _collectionView.backgroundColor = [UIColor redColor];
 [_collectionView registerClass:[photoCollectionViewCell class] forCellWithReuseIdentifier:@"photo"];
 [self.view addSubview:_collectionView];
 photos = [[NSMutableArray alloc ] init];
 dataArray = [[NSMutableArray alloc ] init];
 [dataArray addObject:[UIImage imageNamed:@"contract_addpic1"]];
}
//section
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
 return 1;
}
//item个数
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
 return dataArray.count;
}
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
 NSLog(@"--indexPath.row--%ld",indexPath.row);
 NSLog(@"---indexpath.section--%ld",indexPath.section);
 photoCollectionViewCell *cell = (photoCollectionViewCell *)[collectionView dequeueReusableCellWithReuseIdentifier:@"photo" forIndexPath:indexPath];
 cell.tag=indexPath.row;
 //图片
 cell.photoImage.image=dataArray[indexPath.row];
 // 删除按钮
 cell.deleteBtn.tag =indexPath.row;
 cell.deleteBtn.hidden=YES;
 [cell.deleteBtn addTarget:self action:@selector(doClickDeleteButton:) forControlEvents:UIControlEventTouchUpInside];
 //增加按钮
 if (indexPath.row == dataArray.count -1) {
  cell.addBtn.hidden = NO;
 }else
 {
  cell.addBtn.hidden = YES;
 }
 [cell.addBtn addTarget:self action:@selector(doClickAddButton:) forControlEvents:UIControlEventTouchUpInside];
 // 长按删除
 UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc ] initWithTarget:self action:@selector(longPressedAction)];
 [cell.contentView addGestureRecognizer:longPress];
 return cell;
}
#pragma -mark -doClickActions
//删除按钮
-(void)doClickDeleteButton:(UIButton *)btn
{
 NSLog(@"-----doClickDeleteButton-------");
 UIAlertView *alert = [[UIAlertView alloc ] initWithTitle:@"提示" message:@"您确定要删除吗?" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];
 deleteIndex = btn.tag;
 [alert show];
 NSLog(@"---delete--dataArray---%@",dataArray);
}
//增加按钮
-(void)doClickAddButton:(UIButton *)btn
{
 NSLog(@"-----doClickAddButton-------");
 if (wobble) {
  // 如果是编辑状态则取消编辑状态
  [self cancelWobble];
 }else{
  //不是编辑状态,添加图片
  if (dataArray.count > Photo) {
   UIAlertView *alert = [[UIAlertView alloc ] initWithTitle:@"提示" message:@"最多支持8个" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];
   [alert show];
  }else
  {
   UIActionSheet *actionSheet = [[UIActionSheet alloc]
           initWithTitle:nil
           delegate:(id)self
           cancelButtonTitle:@"取消"
           destructiveButtonTitle:nil
           otherButtonTitles:@"拍照", @"我的相册",nil];
   actionSheet.actionSheetStyle = UIActionSheetStyleBlackOpaque;
   [actionSheet showInView:self.view];
  }
 }
 NSLog(@"---add--dataArray---%@",dataArray);
}
//长按删除
-(void)longPressedAction
{
 NSLog(@"-----longPressedAction-------");
 wobble = YES;
 NSArray *array = [_collectionView subviews];
 for (int i = 0; i < array.count; i ++) {
   if ([array[i] isKindOfClass:[photoCollectionViewCell class]]) {
   photoCollectionViewCell *cell = array[i];
   if (cell.addBtn.hidden) {
    cell.deleteBtn.hidden = NO;
   }
   else
   {
    cell.deleteBtn.hidden = YES;
    cell.photoImage.image = [UIImage imageNamed:@"ensure"];
    cell.tag = 999999;
   }
   // 晃动动画
   [self animationViewCell:cell];
  }
 }
}
// 取消晃动
-(void)cancelWobble
{
 wobble = NO;
 NSArray *array = [_collectionView subviews];
 for (int i = 0; i < array.count; i ++) {
  if ([array[i] isKindOfClass:[photoCollectionViewCell class]]) {
   photoCollectionViewCell *cell = array[i];
   cell.deleteBtn.hidden = YES;
   if (cell.tag == 999999) {
    cell.photoImage.image = [UIImage imageNamed:@"plus"];
   }
   // 晃动动画
   [self animationViewCell:cell];
  }
 }
}
// 晃动动画
-(void)animationViewCell:(photoCollectionViewCell *)cell
{
 //摇摆
 if (wobble){
  cell.transform = CGAffineTransformMakeRotation(-0.1);
  [UIView animateWithDuration:0.08
        delay:0.0
       options:UIViewAnimationOptionRepeat|UIViewAnimationOptionAutoreverse|UIViewAnimationOptionAllowUserInteraction|UIViewAnimationOptionCurveLinear
       animations:^{
        cell.transform = CGAffineTransformMakeRotation(0.1);
       } completion:nil];
 }
 else{
  [UIView animateWithDuration:0.25
        delay:0.0
       options:UIViewAnimationOptionAllowUserInteraction|UIViewAnimationOptionBeginFromCurrentState|UIViewAnimationOptionCurveEaseOut
       animations:^{
        cell.transform = CGAffineTransformIdentity;
       } completion:nil];
 }
}
#pragma -mark -UIActionSheetDelegate
- (void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex
{
 if (buttonIndex == 0) {
  [self openCamera];
 }else if(buttonIndex == 1) {
  [self openPics];
 }
}
#pragma -mark -UIAlertViewDelegate
- (void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex
{
 if (buttonIndex == 1) {
  [dataArray removeObjectAtIndex:deleteIndex];
  NSIndexPath *path = [NSIndexPath indexPathForRow:deleteIndex inSection:0];
  [_collectionView deleteItemsAtIndexPaths:@[path]];
  // 如果删除完,则取消编辑
  if (dataArray.count == 1) {
   [self cancelWobble];
  }
  // 没有删除完,执行晃动动画
  else
  {
   [self longPressedAction];
  }
 }
}
#pragma -mark -camera
// 打开相机
- (void)openCamera {
 if ([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera])
 {
  if (_imagePicker == nil) {
   _imagePicker = [[UIImagePickerController alloc] init];
  }
  _imagePicker.delegate = (id)self;
  _imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;
  _imagePicker.showsCameraControls = YES;
  _imagePicker.allowsEditing = YES;
  [self.navigationController presentViewController:_imagePicker animated:YES completion:nil];
 }
}
// 打开相册
- (void)openPics {
 if (_imagePicker == nil) {
  _imagePicker = [[UIImagePickerController alloc] init];
 }
 _imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
 _imagePicker.allowsEditing = YES;
 _imagePicker.delegate = (id)self;
 [self presentViewController:_imagePicker animated:YES completion:NULL];
}
// 选中照片
- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info{
 NSString *mediaType = [info objectForKey:UIImagePickerControllerMediaType];
 [_imagePicker dismissViewControllerAnimated:YES completion:NULL];
 _imagePicker = nil;
 // 判断获取类型:图片
 if ([mediaType isEqualToString:@"public.image"]){
  UIImage *theImage = nil;
  // 判断,图片是否允许修改
  if ([picker allowsEditing]){
   //获取用户编辑之后的图像
   theImage = [info objectForKey:UIImagePickerControllerEditedImage];
  } else {
   // 照片的元数据参数
   theImage = [info objectForKey:UIImagePickerControllerOriginalImage] ;
  }
  [dataArray insertObject:theImage atIndex:0];
  NSIndexPath *path = [NSIndexPath indexPathForRow:0 inSection:0];
  [_collectionView insertItemsAtIndexPaths:@[path]];
 }
}
- (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker {
 [picker dismissViewControllerAnimated:YES completion:NULL];
}
// 判断设备是否有摄像头
- (BOOL) isCameraAvailable{
 return [UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera];
}
#pragma mark - 相册文件选取相关
// 相册是否可用
- (BOOL) isPhotoLibraryAvailable{
 return [UIImagePickerController isSourceTypeAvailable: UIImagePickerControllerSourceTypePhotoLibrary];
}
- (void)didReceiveMemoryWarning {
 [super didReceiveMemoryWarning];
 // Dispose of any resources that can be recreated.
}
@end

photoCollectionViewCell.h

#import 
@interface photoCollectionViewCell : UICollectionViewCell
@property (weak, nonatomic) IBOutlet UIButton *addBtn;
@property (weak, nonatomic) IBOutlet UIImageView *photoImage;
@property (weak, nonatomic) IBOutlet UIButton *deleteBtn;
@end

photoCollectionViewCell.m

#import "photoCollectionViewCell.h"
@implementation photoCollectionViewCell
- (id)initWithFrame:(CGRect)frame
{
 self = [super initWithFrame:frame];
 if (self)
 {
  // 初始化时加载collectionCell.xib文件
  NSArray *arrayOfViews = [[NSBundle mainBundle] loadNibNamed:@"photoCollectionViewCell" owner:self options:nil];
  // 如果路径不存在,return nil
  if (arrayOfViews.count < 1)
  {
   return nil;
  }
  // 如果xib中view不属于UICollectionViewCell类,return nil
  if (![[arrayOfViews objectAtIndex:0] isKindOfClass:[UICollectionViewCell class]])
  {
   return nil;
  }
  // 加载nib
  self = [arrayOfViews objectAtIndex:0];
 }
 return self;
}
- (void)awakeFromNib {
 // Initialization code
}
@end

以上就是如何在iOS中利用collectionView实现一个照片删除功能,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联网站建设公司行业资讯频道。

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站题目:如何在iOS中利用collectionView实现一个照片删除功能-创新互联
链接分享:http://myzitong.com/article/dcojoo.html