【转】 iOS如何实现表格的折叠效果?

原文 :  http://blog.csdn.net/youcanping2008/article/details/9202167

一、实现原理:就是在点击表格组头视图的时候,如果该表格视图的组展开了,就把改组的行设置为0,如果该组隐藏了,就显示该组的所有行。

效果如下:

【转】 iOS如何实现表格的折叠效果?【转】 iOS如何实现表格的折叠效果?

二、实现步骤

1、定义一个数据模型用于封装数据

  1.  #import <Foundation/Foundation.h>  
    
     @interface MyData : NSObject
    {
    NSMutableArray *_array;// 每组的数据
    BOOL _isShow;// 组的状态,yes显示组,no不显示组
    NSString *_name;// 组名
    }
    @property (nonatomic,retain) NSMutableArray *array;
    @property (nonatomic,copy) NSString * name;
    @property (nonatomic,assign) BOOL isShow;
    @end

2、添加数据源

  1.  - (void)viewDidLoad
    {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    // 全局的数据源
    dataArray = [[NSMutableArray alloc] init];
    // 添加数据
    for (int i='A'; i<='Z'; i++) {
    MyData *myData = [[MyData alloc] init];
    myData.name = [NSString stringWithFormat:@"%c",i];
    for (int j=; j<; j++) {
    [myData.array addObject:[NSString stringWithFormat:@"%c-%d",i,j]];
    }
    [dataArray addObject:myData];
    }
    myTableView = [[UITableView alloc] initWithFrame:CGRectMake(, , , -) style:UITableViewStylePlain];
    myTableView.dataSource = self;
    myTableView.delegate = self;
    myTableView.rowHeight = ;
    [self.view addSubview:myTableView];
    }

3.实现表格的代理方法

  1.  // 组数
    - (NSInteger) numberOfSectionsInTableView:(UITableView *)tableView
    {
    return [dataArray count];
    }
    // 根据状态来判断是否显示该组,隐藏组把组的行数设置为0即可
    - (NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
    {
    MyData *data = [dataArray objectAtIndex:section];
    if ([data isShow]) {
    return [[data array] count];
    }else{
    return ;
    }
    }
    // 添加每行显示的内容
    - (UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    {
    static NSString *cellName = @"Cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellName ];
    if (!cell) {
    cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellName] autorelease];
    }
    MyData *data = [dataArray objectAtIndex:indexPath.section];
    NSString *str = [[data array] objectAtIndex:indexPath.row];
    cell.textLabel.text = str;
    return cell;
    }

4.自定义组的头标题视图,添加点击事件

    1.  // 定义头标题的视图,添加点击事件
      - (UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
      {
      MyData *data = [dataArray objectAtIndex:section]; UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
      btn.frame = CGRectMake(, , , );
      [btn setTitle:data.name forState:UIControlStateNormal];
      btn.tag = section;
      [btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];
      if (section%) {
      btn.backgroundColor = [UIColor darkGrayColor];
      }else{
      btn.backgroundColor = [UIColor lightGrayColor];
      }
      return btn;
      }
      - (void) btnClick:(UIButton *)btn
      {
      MyData *data = [dataArray objectAtIndex:btn.tag];
      // 改变组的显示状态
      if ([data isShow]) {
      [data setIsShow:NO];
      }else{
      [data setIsShow:YES];
      }
      // 刷新点击的组标题,动画使用卡片
      [myTableView reloadSections:[NSIndexSet indexSetWithIndex:btn.tag] withRowAnimation:UITableViewRowAnimationFade];
      }
上一篇:浅谈SQL Server中的事务日志(三)----在简单恢复模式下日志的角色


下一篇:LightOJ1170 - Counting Perfect BST(卡特兰数)