UITableView的headerView展开缩放动画

UITableView的headerView展开缩放动画

效果

源码

https://github.com/YouXianMing/Animations

//

//  HeaderViewTapAnimationController.m

//  Animations

//

//  Created by FrankLiu on 15/11/30.

//  Copyright © 2015年 YouXianMing. All rights reserved.

//

#import "HeaderViewTapAnimationController.h"

#import "ClassModel.h"

#import "StudentInfoCell.h"

#import "ClassHeaderView.h"

#import "WxHxD.h"

#import "GCD.h"

static NSString *infoCellFlag = @"BaseTableViewCell";

static NSString *infoHeadFlag = @"ClassHeaderView";

@interface HeaderViewTapAnimationController () <UITableViewDataSource, UITableViewDelegate, CustomHeaderFooterViewDelegate>

@property (nonatomic, strong) NSMutableArray  *classModels;

@property (nonatomic, strong) UITableView     *tableView;

@property (nonatomic) BOOL                     sectionFirstLoad;

@property (nonatomic, weak)   ClassHeaderView *tmpHeadView;

@end

@implementation HeaderViewTapAnimationController

- (void)viewDidLoad {

    [super viewDidLoad];

}

- (void)setup {

    [super setup];

    [self createDatas];

    [self createTableView];

    [self bringTitleViewToFront];

    [self firstLoadDataAnimation];

}

#pragma mark - 数据源相关

- (void)createDatas {

    NSArray *datas = @[@{@"className" : @"Aitna",

                         @"students"  : @[@{@"name" : @"Y.X.M.",   @"age" : @()},

                                          @{@"name" : @"Leif",     @"age" : @()},

                                          @{@"name" : @"Lennon",   @"age" : @()},

                                          @{@"name" : @"Lambert",  @"age" : @()},

                                          @{@"name" : @"Jerome",   @"age" : @()},

                                          @{@"name" : @"Isidore",  @"age" : @()}]},

                       @{@"className" : @"Melete",

                         @"students"  : @[@{@"name" : @"Merle",    @"age" : @()},

                                          @{@"name" : @"Paddy",    @"age" : @()},

                                          @{@"name" : @"Perry",    @"age" : @()},

                                          @{@"name" : @"Philip",   @"age" : @()}]},

                       @{@"className" : @"Aoede",

                         @"students"  : @[@{@"name" : @"Verne",    @"age" : @()},

                                          @{@"name" : @"Vincent",  @"age" : @()},

                                          @{@"name" : @"Walter",   @"age" : @()},

                                          @{@"name" : @"Zachary",  @"age" : @()}]},

                       @{@"className" : @"Dione",

                         @"students"  : @[@{@"name" : @"Timothy",  @"age" : @()},

                                          @{@"name" : @"Roderick", @"age" : @()},

                                          @{@"name" : @"Quentin",  @"age" : @()},

                                          @{@"name" : @"Paddy",    @"age" : @()}]},

                       @{@"className" : @"Adanos",

                         @"students"  : @[@{@"name" : @"Mortimer", @"age" : @()},

                                          @{@"name" : @"Michael",  @"age" : @()},

                                          @{@"name" : @"Kevin",    @"age" : @()},

                                          @{@"name" : @"Jeremy",   @"age" : @()}]},];

    self.classModels = [[NSMutableArray alloc] init];

    for (int count = ; count < datas.count; count++) {

        ClassModel *classModel = [[ClassModel alloc] initWithDictionary:datas[count]];

        classModel.expend      = NO;

        [self.classModels addObject:classModel];

    }

}

#pragma mark - tableView相关

- (UITableView *)createTableViewWithDelegate:(id)delegate frame:(CGRect)frame {

    UITableView *tableView   = [[UITableView alloc] initWithFrame:frame style:UITableViewStylePlain];

    tableView.delegate       = delegate;

    tableView.dataSource     = delegate;

    tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

    tableView.showsHorizontalScrollIndicator = NO;

    tableView.showsVerticalScrollIndicator   = NO;

    [tableView registerClass:[StudentInfoCell class] forCellReuseIdentifier:infoCellFlag];

    [tableView registerClass:[ClassHeaderView class] forHeaderFooterViewReuseIdentifier:infoHeadFlag];

    return tableView;

}

- (void)createTableView {

    self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(, , Width, Height - ) style:UITableViewStylePlain];

    self.tableView.delegate                       = self;

    self.tableView.dataSource                     = self;

    self.tableView.separatorStyle                 = UITableViewCellSeparatorStyleNone;

    self.tableView.showsHorizontalScrollIndicator = NO;

    self.tableView.showsVerticalScrollIndicator   = NO;

    [self.tableView registerClass:[StudentInfoCell class] forCellReuseIdentifier:infoCellFlag];

    [self.tableView registerClass:[ClassHeaderView class] forHeaderFooterViewReuseIdentifier:infoHeadFlag];

    [self.view addSubview:self.tableView];

}

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

    ClassModel *model = _classModels[section];

    if (model.expend == YES) {

        return [model.students count];

    } else {

        return ;

    }

}

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

    if (self.sectionFirstLoad == NO) {

        return ;

    } else {

        return [_classModels count];

    }

}

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

    CustomCell *cell = [tableView dequeueReusableCellWithIdentifier:infoCellFlag];

    ClassModel   *classModel   = _classModels[indexPath.section];

    StudentModel *studentModel = classModel.students[indexPath.row];

    cell.data                  = studentModel;

    cell.indexPath             = indexPath;

    [cell loadContent];

    return cell;

}

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

    ClassHeaderView *titleView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:infoHeadFlag];

    titleView.delegate         = self;

    titleView.data             = _classModels[section];

    titleView.section          = section;

    [titleView loadContent];

    if (section == ) {

        self.tmpHeadView = titleView;

    }

    ClassModel *model = _classModels[section];

    if (model.expend == YES) {

        [titleView extendStateAnimated:NO];

    } else {

        [titleView normalStateAnimated:NO];

    }

    return titleView;

}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {

    return ;

}

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

    return ;

}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {

    StudentInfoCell *cell = [tableView cellForRowAtIndexPath:indexPath];

    [cell showSelectedAnimation];

    [tableView deselectRowAtIndexPath:indexPath animated:YES];

}

- (void)customHeaderFooterView:(CustomHeaderFooterView *)customHeaderFooterView event:(id)event {

    NSInteger section = customHeaderFooterView.section;

    ClassModel *model = _classModels[section];

    ClassHeaderView *classHeaderView = (ClassHeaderView *)customHeaderFooterView;

    if (model.expend == YES) {

        // 缩回去

        model.expend = NO;

        [classHeaderView normalStateAnimated:YES];

        NSMutableArray *indexPaths = [NSMutableArray array];

        for (int i = ; i < model.students.count; i++) {

            [indexPaths addObject:[NSIndexPath indexPathForItem:i inSection:section]];

        }

        [self.tableView deleteRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationFade];

    } else {

        // 显示出来

        model.expend = YES;

        [classHeaderView extendStateAnimated:YES];

        NSMutableArray *indexPaths = [NSMutableArray array];

        for (int i = ; i < model.students.count; i++) {

            [indexPaths addObject:[NSIndexPath indexPathForItem:i inSection:section]];

        }

        [self.tableView insertRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationFade];

    }

}

- (void)firstLoadDataAnimation {

    [GCDQueue executeInMainQueue:^{

        // Extend sections.

        self.sectionFirstLoad = YES;

        NSIndexSet *indexSet  = [NSIndexSet indexSetWithIndexesInRange:NSMakeRange(, self.classModels.count)];

        [self.tableView insertSections:indexSet withRowAnimation:UITableViewRowAnimationFade];

        [GCDQueue executeInMainQueue:^{

            // Extend cells.

            [self customHeaderFooterView:self.tmpHeadView event:nil];

        } afterDelaySecs:0.4f];

    } afterDelaySecs:0.3f];

}

@end

细节