表格檢視的展開與收縮，就像騰訊QQ的好友列表的功能一樣在開發中我們常常用到。實現的思路有兩個：
1.定義一個分組的tableView，在頭部檢視上新增tap手勢觸發展開與收縮的事件，宣告bool值或者識別符號記錄展開與收縮的狀態。當 tableView展開的時候，重新整理那一組的cell高度為大於0的數值，那麼就展開了。當tableView收縮的時候，重新整理那一組的cell高度等於0,那麼就收縮了。
2.定義一個分組的tableView，在頭部檢視上新增tap手勢觸發展開與收縮的事件，宣告bool值或者識別符號記錄展開與收縮的狀態。當 tableView展開的時候，使用關鍵程式碼[self.tableView insertRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationTop],(就是在相應的分組當中插入cell)那麼就展開了。當tableView收縮的時候，使用關鍵程式碼[self.listTable deleteRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationBottom],（也就是在相應的分組中刪除所有的cell）那麼就收縮了。

第一種方法如下：

 #import "ViewController.h"
 #import "SectionHeadView.h"
 #import "CustomerTableViewCell.h"

define COLOR_RGB(_R,_G,_B,_A)  [UIColor colorWithRed:_R/255.0 green:_G/255.0 blue:_B/255.0 alpha:_A]

@interface ViewController ()<UITableViewDelegate,UITableViewDataSource>{
    NSArray        *_dataSource;
    NSArray
 
        *shopNameArr;
    NSMutableArray *openArr;
}

@property (nonatomic, strong)UITableView *myTableView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    [self getSources];
    [self initalizeUserInterface];
}

- (void)getSources{

    _dataSource = @[@[@"周為"
 
,@"李超",@"周為",@"李超",@"張路",@"12",@"周為",@"李超",@"張路",@"12",@"張路",@"12",@"34",@"56",@"78",@"910"],@[@"唐進",@"周為",@"李超",@"張路",@"12",@"劉虎",@"李源",@"樊亮",@"周為",@"李超",@"張路",@"12",@"周為",@"李超",@"張路",@"12"],@[@"周心雲",@"周為",@"李超",@"張路",@"12",@"周為",@"李超",@"張路",@"12",@"周為",@"李超",@"張路",@"12",@"周為",@"李超",@"張路",@"12",@"周為",@"李超",@"張路",@"12"]];
    shopNameArr = @[@"我的室友",@"睿峰朋友",@"班主任"];
    openArr = [@[] mutableCopy];

    for (int i = 0; i < shopNameArr.count; i++) {

        [openArr addObject:@"0"];

    }//記錄展開狀態

}

- (void)initalizeUserInterface{

    self.automaticallyAdjustsScrollViewInsets =NO;
    [self.view addSubview:self.myTableView];
}

//設定多少組
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return _dataSource.count;
}

//設定每組多少行
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    NSArray *arr = _dataSource[section];
    return arr.count;
}

//設定每行多高
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    if ([[openArr objectAtIndex:indexPath.section]isEqual:@"0"]) {
        return 0;
    }else{
        return 45;
    }

}

//調整section頭部的間距
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    return 30;
}

// 自定義頭部檢視
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {

    //重用頭部檢視
    static NSString *HeadViewIdentifier = @"HeadViewIdentifier";
    SectionHeadView *headView = [[SectionHeadView alloc]initWithReuseIdentifier:HeadViewIdentifier];
    headView.realShopName.text = [shopNameArr objectAtIndex:section];
    headView.rightImageView.image = [UIImage imageNamed:@"[email protected]"];//給右邊圖片
    //使用block修飾
    __block SectionHeadView *weakHeadView = headView;
    headView.TapCallBack = ^(void){

    //NSLog(@"回撥組的點選手勢：%@",[shopNameArr objectAtIndex:section]);

        if ([[openArr objectAtIndex:section]isEqual:@"0"]) {

            [openArr setObject:@"1" atIndexedSubscript:section];

            [UIView animateWithDuration:0.4 animations:^{

                weakHeadView.rightImageView.transform = CGAffineTransformMakeRotation(M_PI);

            } completion:^(BOOL finished) {
               //展開的時候為了防止右邊尖頭動畫執行完畢再彈回來，我們這裡重新整理的是當前組下面的cell
                NSMutableArray *arr = [@[] mutableCopy];
                NSArray *brr = _dataSource[section];
                for (int i = 0; i < brr.count; i++) {

                    [arr addObject:[NSIndexPath indexPathForRow:i inSection:section]];

                }
                //重新整理特定的cell
                [self.myTableView reloadRowsAtIndexPaths:arr  withRowAnimation:UITableViewRowAnimationRight];
            }];

        }else if ([[openArr objectAtIndex:section]isEqual:@"1"]){

            [openArr setObject:@"0" atIndexedSubscript:section];

            [UIView animateWithDuration:0.4 animations:^{

                weakHeadView.rightImageView.transform = CGAffineTransformMakeRotation(0);

            } completion:^(BOOL finished) {

                //重新整理某一組
                [self.myTableView reloadSections:[NSIndexSet indexSetWithIndex:section] withRowAnimation:UITableViewRowAnimationLeft];
            }];
        }

    };
    return headView;
}

//處理刪除邏輯
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{

    if (editingStyle != UITableViewCellEditingStyleDelete) {
        //如果不是刪除狀態直接返回
        return;
    }
    NSLog(@"你真的刪除了我");
    //將編輯狀態置為NO,一定要設定為NO才會有那個動畫效果
    [_myTableView setEditing:NO animated:YES];
}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"HomeCell";
    CustomerTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (!cell) {
        cell = [[CustomerTableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    }
     cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;/
     cell.layer.masksToBounds = YES;//設定超出父檢視的部分不顯示，不設定會有出現重疊的問題
     cell.selectionStyle = UITableViewCellSelectionStyleNone;
    cell.nameLabel.text = _dataSource[indexPath.section][indexPath.row];
    return cell;
}

-(UITableView *)myTableView
{
    if (_myTableView == nil) {
        _myTableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 64,375,603) style:UITableViewStylePlain];
        _myTableView.delegate = self;
        _myTableView.dataSource = self;
//        _myTableView.backgroundColor = COLOR_RGB(239, 239, 244, 1);
        _myTableView.separatorColor = [UIColor redColor];
        _myTableView.sectionFooterHeight = 0.0;
        //設定為不顯示分割線過後，組上的分割線也會不顯示
        _myTableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    }
    return _myTableView;
}

}

第二種方法：這種方法更為高大上，效率也更高，更規範，推薦使用這種。- (void)cellInsertOrDelete:(BOOL)insert是一個點選分組頭部檢視的響應事件，引數為一個bool值用於判斷是展開還是收縮。

// 表格檢視的刪除與插入，刪除就是收縮，插入就是展開。

- (void)cellInsertOrDelete:(BOOL)insert{

//    1. 這個方法用於在呼叫插入，刪除，選擇方法時，同時有動畫效果。
//    2. 用endUpdate能動畫改變行高，而無需relaod這個cell。
//    3. beginUpdate和endUpdate成對使用，其包含的block裡面，如果沒有插入刪除，選擇的方法被使用。有可能導致這個table view的一些屬性失效，例如行的數量。
//    4. 不應該在這個block範圍裡呼叫 reloadData，或者reloadRowsAtIndexPaths。一旦使用，必須自己執行和管理自己的動畫效果。
//    第三點和第四點比較重要。也是導致閃退的原因。reloadData會引起，獲取單元格高度，以及cell的重新載入。這會導致一些動畫對應的行號產生變化。從而閃退。

//    beginUpdates方法和endUpdates方法是什麼呢？
//
//    這兩個方法，是配合起來使用的，標記了一個tableView的動畫塊。
//
//    分別代表動畫的開始開始和結束。
//
//    兩者成對出現，可以巢狀使用。
//
//    一般，在新增，刪除，選擇 tableView中使用，並實現動畫效果。
//
//    在動畫塊內，不建議使用reloadData方法，如果使用，會影響動畫。

//    一般在UITableView執行：刪除行，插入行，刪除分組，插入分組時，使用！用來協調UITableView的動畫效果。
    [self.listTable beginUpdates];
    NSMutableArray *indexPaths = [NSMutableArray arrayWithCapacity:self.datas.count];
    [self.datas enumerateObjectsUsingBlock:^(id  _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
        NSIndexPath *indexP = [NSIndexPath indexPathForRow:idx inSection:0];
        [indexPaths addObject:indexP];
    }]；
    if (insert) {
        [self.listTable insertRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationTop];
    }else{
        [self.listTable deleteRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationBottom];
    }
    [self.listTable endUpdates];
}

再次解釋下：
/*
UITableView的 beginUpdates方法和endUpdates方法是什麼呢？

這兩個方法，是配合起來使用的，標記了一個tableView的動畫塊。
分別代表動畫的開始開始和結束。
兩者成對出現，可以巢狀使用。
一般，在新增，刪除，選擇 tableView中使用，並實現動畫效果。
在動畫塊內，不建議使用reloadData方法，如果使用，會影響動畫。

如果我們的UITableView是分組的時候，我們如果刪除某個分組的最後一條記錄時，相應的分組也將被刪除。所以，必須保證UITableView的分組，和cell同時被刪除。
所以，就需要使用beginUpdates方法和endUpdates方法，將要做的刪除操作“包”起來。
*/