IOS实现展开二级列表效果
更新时间:2016年08月12日 12:07:48 投稿:daisy
本文通过实例代码向大家演示在IOS中如何实现展开二级列表的效果,这个功能效果很好,对于日常开发APP中很有帮助,下面一起来看看如何实现吧。
先来看看效果图
用法(类似UITableView)
初始化XDMultTableView
#import "XDMultTableView.h" ... @property(nonatomic, readwrite, strong)XDMultTableView *tableView; _tableView = [[XDMultTableView alloc] initWithFrame:CGRectMake(0, 64, self.view.frame.size.width, self.view.frame.size.height-64)]; _tableView.openSectionArray = [NSArray arrayWithObjects:@1,@2, nil]; _tableView.delegate = self; _tableView.datasource = self; _tableView.backgroundColor = [UIColor whiteColor]; [self.view addSubview:_tableView];
实现数据源
- (NSInteger)mTableView:(XDMultTableView *)mTableView numberOfRowsInSection:(NSInteger)section{ return 5; } - (XDMultTableViewCell *)mTableView:(XDMultTableView *)mTableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ static NSString *cellIdentifier = @"cell"; UITableViewCell *cell = [mTableView dequeueReusableCellWithIdentifier:cellIdentifier]; if (cell == nil) { cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier]; } UIView *view = [[UIView alloc] initWithFrame:cell.bounds] ; view.layer.backgroundColor = [UIColor whiteColor].CGColor; view.layer.masksToBounds = YES; view.layer.borderWidth = 0.3; view.layer.borderColor = [UIColor lightGrayColor].CGColor; cell.backgroundView = view; cell.selectionStyle = UITableViewCellSelectionStyleNone; return cell; } - (NSInteger)numberOfSectionsInTableView:(XDMultTableView *)mTableView{ return 6; } -(NSString *)mTableView:(XDMultTableView *)mTableView titleForHeaderInSection:(NSInteger)section{ return @"我是头部"; }
实现代理
- (CGFloat)mTableView:(XDMultTableView *)mTableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ return 50; } - (CGFloat)mTableView:(XDMultTableView *)mTableView heightForHeaderInSection:(NSInteger)section{ return 40; } - (void)mTableView:(XDMultTableView *)mTableView willOpenHeaderAtSection:(NSInteger)section{ NSLog(@"即将展开"); } - (void)mTableView:(XDMultTableView *)mTableView willCloseHeaderAtSection:(NSInteger)section{ NSLog(@"即将关闭"); } - (void)mTableView:(XDMultTableView *)mTableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ NSLog(@"点击cell"); }
列表展开关闭的实现原理
在section header注册一个手势
//section header view 设置tag值为section view.tag = section; UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapHeader:)]; [view addGestureRecognizer:tap];
手势的响应事件
- (void)tapHeader:(UITapGestureRecognizer *) tap { NSInteger section = tap.view.tag; NSNumber *sectionObj = [NSNumber numberWithInteger:section]; UIImageView *imageView = (UIImageView *)[tap.view viewWithTag:100]; //_multopenSectionArray 用于记录每个 section的展开和关闭状态 if ([_multopenSectionArray containsObject:sectionObj]) { NSArray *deleteArray = [self buildDeleteRowWithSection:section]; [_multopenSectionArray removeObject:sectionObj]; //想关闭的section的所有indexPath [_tableView deleteRowsAtIndexPaths:deleteArray withRowAnimation:UITableViewRowAnimationFade]; [UIView animateWithDuration:0.3 animations:^{ imageView.transform = CGAffineTransformMakeRotation(-M_PI/2); }]; }else{ [_multopenSectionArray addObject:sectionObj]; //想展开的section的所有indexPath NSArray *insertArray = [self buildInsertRowWithSection:section]; [_tableView insertRowsAtIndexPaths:insertArray withRowAnimation:UITableViewRowAnimationFade]; [UIView animateWithDuration:0.3 animations:^{ imageView.transform = CGAffineTransformMakeRotation(0); }]; } }
总结
以上就是IOS实现展开二级列表效果的全部内容,希望对大家学习开发IOS能有所帮助。
相关文章
iOS 导航栏无缝圆滑的隐藏 Navigationbar实例代码
本文通过实例代码给大家介绍了iOS 导航栏无缝圆滑的隐藏 Navigationbar的效果,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下2017-11-11
最新评论