QQ分组效果

tableView简单实现qq分组的效果

定义一个BOOL类型的数组，count要大于要分的组数

首先定义有多少组

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {

   return _data.count;

}

//返回相应组里面有多少个单元格

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

   NSArray *array2D = _data[section];

    

   BOOL isClose = close[section];

    

   if (isClose) {

       return 0;

    }

    

   return array2D.count;

    

}

//创建每一个单元格

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

   static NSString *iden =@"cell";

    

    //从闲置池中取单元格

    UITableViewCell *cell = [tableViewdequeueReusableCellWithIdentifier:iden];

    

   if (cell == nil) {

        cell = [[[UITableViewCellalloc] initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:iden] autorelease];

    }

    

    /*data的样式：

     [

     [@"字体1"，@"字体2"，@"字体3"，@"字体4"，@"字体5"], 第一组

     [@"字体1"，@"字体2"，@"字体3"],    第二组

     [@"字体1"，@"字体2"，@"字体3"，@"字体4"],

     ....

     ]

     */

    

    //取得组

   NSInteger section = indexPath.section;

   NSArray *array2D = _data[section];

    

    //添加数据

    cell.textLabel.text = array2D[indexPath.row];

    

   return cell;

}

通过代理方法设置头视图，需要确定组的头视图高度，否则不会显示头视图

//设置组的头视图

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {

    //创建按钮

    UIButton *button = [UIButtonbuttonWithType:UIButtonTypeCustom];

    //设置tag

    button.tag = section;

   NSString *title = [NSStringstringWithFormat:@"好友分组%ld",section];

    [button setTitle:titleforState:UIControlStateNormal];

    [button setBackgroundImage:[UIImageimageNamed:@"tableCell_common"]forState:UIControlStateNormal];

    [button setTitleColor:[UIColorblackColor] forState:UIControlStateNormal];

    [button addTarget:selfaction:@selector(buttonAction:)forControlEvents:UIControlEventTouchUpInside];

    

   return button;

    

}

button的点击事件

- (void)buttonAction:(UIButton *)button {

    //取得点击的组

   NSInteger section = button.tag;

    

   close[section] = !close[section];

    

    //刷新视图

//    [_tableView reloadData];

    

    //刷新指定的组

    

   NSIndexSet *indexSet = [NSIndexSetindexSetWithIndex:section];

    

    [_tableViewreloadSections:indexSet withRowAnimation:UITableViewRowAnimationFade];

    

    

    

}

//设置组的头视图的高度

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {

   return 44;

}