UI学习之表视图TableView多行删除

Snail—UI学习之表视图TableView多行删除

分类：iOS学习之UI

这次实现的功能是多行cell进行删除

代码是在上一次的基础上进行修改的有的代码删除重写有的方法只是加了一些逻辑判断

//// WJJRootViewController.m// blog_UITableView//// Created by Snail on 15-7-30.// Copyright (c) 2015年 Snail. All rights reserved.//#import "WJJRootViewController.h"@interface WJJRootViewController (){//数据源存放数据NSMutableArray * _dataArray;//这就是我们的tableViewUITableView * _tableView;//页面控制器UIPageControl * _pageControl; //搜索BarUISearchBar * _searchBar;//搜索控制器 UISearchDisplayController * _searchDC;//存储搜索出来的数据 NSMutableArray * _searchResultDataArray;//广告栏的滚动视图UIScrollView * _scrollView;}@end@implementation WJJRootViewController- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil{self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];if (self) {// Custom initialization}return self;}- (void)viewDidLoad{[super viewDidLoad];// Do any additional setup after loading the view.self.title = @"2";//模拟得到数据[self createDataSources];//创建tableView[self createTableView];//创建一个BarButton 用来编辑每个cell的[self createBarButtonItem];[self createSearch];}- (void)createSearch{//开始实例化_searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, 100, 30)];//把搜索条加到导航栏上self.navigationItem.titleView = _searchBar;//第一个参数:searchBar 第二个参数:展示在哪个controller上_searchDC = [[UISearchDisplayController alloc] initWithSearchBar:_searchBar contentsController:self];_searchDC.searchResultsDelegate = self;_searchDC.searchResultsDataSource = self;//如果搜索条加到导航栏上下面这句代码必须执行_searchDC.displaysSearchBarInNavigationBar = YES;}//得到数据方法的实现就是在数组中添加20个字符串对象- (void)createDataSources{_dataArray = [[NSMutableArray alloc] init];for (int i = 0; i < 20; i++) {NSString * tempStr = [NSString stringWithFormat:@"第%d行",i];[_dataArray addObject:tempStr];}}//创建一个tableView- (void)createTableView{/*UITableViewStylePlain 不分组的tableUITableViewStyleGrouped 分组的tableView*/_tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)style:UITableViewStylePlain];//在写完tableView后一定要把下面这两句写上代理和数据源都是self_tableView.delegate = self;_tableView.dataSource = self;[self.view addSubview:_tableView];//创建一个背景视图UIView * backgroudView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 150)];//创建一个滚动视图_scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, 320, 150)];//设置滚动视图的实际大小_scrollView.contentSize = CGSizeMake(4 * 320, 150);//偏移量_scrollView.contentOffset = CGPointZero;//是否分页_scrollView.pagingEnabled = YES;//水平的滚动栏隐藏_scrollView.showsHorizontalScrollIndicator = NO;//设置代理_scrollView.delegate = self;//没有那种图片到头了的橡皮筋效果_scrollView.bounces = NO;//加四张图片放到scrollView上面for (int i = 0; i < 4; i++) {UIImageView * imageV = [[UIImageView alloc] initWithFrame:CGRectMake(i * 320, 0, 320, 150)];[imageV setImage:[UIImage imageNamed:[NSString stringWithFormat:@"image%d.png",i]]];[_scrollView addSubview:imageV];}UIImageView * lastImageView = [[UIImageView alloc] initWithFrame:CGRectMake(4 * 320, 0, 320, 150)];[lastImageView setImage:[UIImage imageNamed:@"image0.png"]];[_scrollView addSubview:lastImageView];[NSTimer scheduledTimerWithTimeInterval:3.1 target:self selector:@selector(scroll:) userInfo:nil repeats:YES];//初始化页面控制器总页数是4 初始页面是0_pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, 130, 320, 20)];_pageControl.numberOfPages = 4;_pageControl.currentPage = 0;//把滚动视图放到背景视图上[backgroudView addSubview:_scrollView];//把分页控制器方到背景视图上[backgroudView addSubview:_pageControl];//然后把我们创建的背景视图方在tableView的头视图的位置_tableView.tableHeaderView = backgroudView;}//让上面的广告栏自动滑动- (void)scroll:(NSTimer *)timer{CGPoint point = _scrollView.contentOffset;point.x += 320;[UIView animateWithDuration:1 animations:^{_scrollView.contentOffset = point;} completion:^(BOOL finished) {if (_scrollView.contentOffset.x > 3 * 320) {_scrollView.contentOffset = CGPointZero;}NSInteger page = _scrollView.contentOffset.x / 320;_pageControl.currentPage = page;}];}- (void)createBarButtonItem{//创建一个按钮点击后使得tableView处于编辑状态UIButton * rightButton = [UIButton buttonWithType:UIButtonTypeSystem];rightButton.frame = CGRectMake(0, 0, 50, 30);[rightButton setTitle:@"edit" forState:UIControlStateNormal];[rightButton addTarget:self action:@selector(editTableView)forControlEvents:UIControlEventTouchUpInside];UIBarButtonItem * rightBarButtonItem = [[UIBarButtonItem alloc]initWithCustomView:rightButton];self.navigationItem.rightBarButtonItem = rightBarButtonItem; //删除按钮 UIButton * leftButton = [UIButton buttonWithType:UIButtonTypeSystem];leftButton.frame = CGRectMake(0, 0, 50, 30);[leftButton setTitle:@"delete" forState:UIControlStateNormal];[leftButton addTarget:self action:@selector(deleteAllData)forControlEvents:UIControlEventTouchUpInside];UIBarButtonItem * leftBarButtonItem = [[UIBarButtonItem alloc]initWithCustomView:leftButton];self.navigationItem.leftBarButtonItem = leftBarButtonItem;}#warning 关于多行删除的操作- (void)deleteAllData{//系统会把所选中的indexPath.row 装到一个数组里面NSMutableArray * array = [[NSMutableArray alloc]initWithArray:[_tableView indexPathsForSelectedRows]];//对这个杂乱无序的数组排序[array sortUsingSelector:@selector(compare:)];//遍历数组把每个index取出来然后再_dataArray里面对应的元素删除for (int i = array.count – 1; i >= 0;i–) {NSIndexPath * path = array[i];[_dataArray removeObjectAtIndex:path.row];NSLog(@"%d",path.row);}//重新加载数据[_tableView reloadData];//删除并且有动画//[_tableView deleteRowsAtIndexPaths:array withRowAnimation:UITableViewRowAnimationAutomatic];} //使得tableView的编辑状态在相互切换- (void)editTableView{_tableView.editing = !_tableView.editing;}#pragma mark –UIScrollViewDelegate–//实现scrollView的代理方法//下面这个方法是只要scrollView在动始终会调用这个方法- (void)scrollViewDidScroll:(UIScrollView *)scrollView{//因为UITableView 是UIScrollView 的子类所有判断我们是在点击哪个scrollViewif (scrollView == _tableView) {//tableView的偏移量只是在y上面所以当偏移量大于151时让我们的导航栏慢慢消失if (scrollView.contentOffset.y > 151) {[UIView animateWithDuration:1 animations:^{self.navigationController.navigationBar.alpha = 0;}];}//当偏移量小于86时让我们的导航栏再慢慢显示出来else if (scrollView.contentOffset.y < 86) {[UIView animateWithDuration:2 animations:^{//self.navigationController.navigationBarHidden = NO;self.navigationController.navigationBar.alpha = 1;}];}}}//这个是scrollView的代理方法中最后一个执行的函数停止减速的意思在这里我们设置页面控制器和scrollView关联当scrollView达到一定的偏移量就是另一个页面控制器也随之变化- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{ //当我们点击的是tableView时不做操作if (scrollView == _tableView) {}//当时scrollView时我们通过计算改变pageControl的page值else{NSInteger page = scrollView.contentOffset.x / 320;_pageControl.currentPage = page;}}#pragma mark –UITableViewDeleagate//此方法必须实现返回的是一个分组内有多少行因为我们就一个组所以直接返回数据源数组的个数- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{//返回数据源元素的个数//如果是tableView 就返回数据源_dataArray的元素个数if (tableView == _tableView) {return _dataArray.count;} //如果是搜索的那个视图else{//如果数组不存在就创建一个新的数组if (_searchResultDataArray == nil) {_searchResultDataArray = [[NSMutableArray alloc] init];}//如果存在就清空数组else{[_searchResultDataArray removeAllObjects];}//得到搜索栏中得字符串_searchBar.text 然后再数据源_dataArray中的元素查找//然后找到与搜索栏中有关系的元素添加大搜索栏的数据数组中for (NSString * string in _dataArray) {NSRange range = [string rangeOfString:_searchBar.text];if (range.location != NSNotFound) {[_searchResultDataArray addObject:string];}}//返回搜索栏中数组的个数return _searchResultDataArray.count;}}//此方法和上面这个方法一样必须得实现返回的是cell 重复使用cell的代理方法- (UITableViewCell *)tableView:(UITableView *)tableViewcellForRowAtIndexPath:(NSIndexPath *)indexPath{//首先 tableView会找带有标记@"snail"的闲置的cellUITableViewCell * tableViewCell = [tableView dequeueReusableCellWithIdentifier:@"snail"];//如果没有的话就自动创建并且把标记@"snail"写上if (!tableViewCell) {tableViewCell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"snail"];}if (tableView == _tableView) {// indexPath 有两部分组成一个是:某行indexPath.row 另一个是:某组indexPath.section//cell上面的textLabel上面加上我们数组对应的字符串 _dataArraytableViewCell.textLabel.text = _dataArray[indexPath.row];//这里给cell的详情标签上再添加文字tableViewCell.detailTextLabel.text = _dataArray[indexPath.row];}else{//删除的cell上面的textLabel上面加上我们删除数组对应的字符串 _searchResultDataArraytableViewCell.textLabel.text = _searchResultDataArray[indexPath.row];//这里给cell的详情标签上再添加文字tableViewCell.detailTextLabel.text = _searchResultDataArray[indexPath.row];}//给cell添加一个图片[tableViewCell.imageView setImage:[UIImage imageNamed:@"star_icon@2x.png"]];return tableViewCell;}//返回的是tableViewCell的高度- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{return 70;}//选中每个tableViewCell调用的方法- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{//点击cell后不点击后使得cell处于未点击状态并且有动画//[tableView deselectRowAtIndexPath:indexPath animated:YES];//如果tableView正在在编辑什么操作也不作if (tableView.editing == YES) {}else{//不是打开的才可以点击行的操作[tableView deselectRowAtIndexPath:indexPath animated:YES];}}#warning 关于操作cell的代理方法//此方法是设置每个tableView是否可以被编辑 YES可以编辑- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath{return YES;}//设置每个cell 如果被编辑将会执行什么编辑- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath{//返回cell的多选样式return UITableViewCellEditingStyleDelete | UITableViewCellEditingStyleInsert;/* 删除一个//当行数是偶数时我们设此cell 如果执行操作就是删除的操作if (indexPath.row % 2 == 0) {return UITableViewCellEditingStyleDelete;}else{//奇数时插入的操作return UITableViewCellEditingStyleInsert ;}*/}//此方法是根据上面为每个cell设置的操作形式来进行真正的操作- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{//如果cell是删除的形式那我们就删除此cellif (editingStyle == UITableViewCellEditingStyleDelete) {//首先把数据源里面的数据移除[_dataArray removeObjectAtIndex:indexPath.row];//然后tableView在删除某行动画可以很多种[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationRight];}else if (editingStyle == UITableViewCellEditingStyleInsert){//如果是插入操作//记录下插入的位置NSInteger row = indexPath.row;//插入cell后将要再cell上显示的信息NSString * insertStr = @"添加行";//首先在数据源添加此数据[_dataArray insertObject:insertStr atIndex:row];//再在tableView上插入一行[tableView insertRowsAtIndexPaths:@[indexPath]withRowAnimation:UITableViewRowAnimationRight];}}//设置每个cell往左移动时显示的字符串- (NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath{return @"删除";}#warning 关于cell移动的代理方法//设置cell是否可以被移动- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath{return YES;}//对cell进行移动 sourceIndexPath源cell位置 destinationIndexPath目的位置- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath{//记录下哪行cell要移动NSInteger fromRow = sourceIndexPath.row;//记录下cell将要被移动到哪行NSInteger toRow = destinationIndexPath.row;//把要移动那行的数据拿出来id obj = _dataArray[fromRow];//把要移动的那行对应在array中得数据删除[_dataArray removeObject:obj];//然后再移动的目标位置对应的array数据源添加上数据[_dataArray insertObject:obj atIndex:toRow];//然后让tableView重新载入数据[tableView reloadData];}- (void)didReceiveMemoryWarning{[super didReceiveMemoryWarning];// Dispose of any resources that can be recreated.}@end只有流过血的手指才能弹出世间的绝唱。

相关文章：

你感兴趣的文章：

标签云：