Как оживить изменение высоты заголовка раздела в UITableView?

Я реализовал этот метод, чтобы вернуть высоту заголовка раздела. Однако, когда высота раздела изменяется, это происходит сразу без анимации.

Есть ли анимация для этого?

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    if (flatHeader) {
        return 50.0f;
    } else {
        return 100.0f;
    }
}

Ответ 1

Я не уверен на 100%, что это будет работать для заголовка таблицы, но оно работает для строк таблицы, поэтому стоит сделать снимок. У меня есть переменная экземпляра headerHeight, первоначально установленная на 44.0, и я меняю ее так:

- (void)changeHeight {
    [self.tableView beginUpdates];
    headerHeight = 88.0;
    [self.tableView endUpdates];
}

В моем коде я возвращаю headerHeight в heightForRowAtIndexPath, но вы можете попробовать его в heightForHeaderInSection:

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    return headerHeight;
}

Ответ 2

Это работает:

flatHeader = YES;
[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:0.3];
[[self tableView] beginUpdates];
[[self tableView] endUpdates];
CGRect frame = [[self headerView] frame];
frame.size.height = [self tableView:[self tableView] heightForHeaderInSection:0];
[[self headerView] setFrame:frame];
[UIView commitAnimations];

Ответ 3

Мое решение в Swift:

class MyTableViewController: UITableViewController {

var sectionHeaderView:UIView?

...

override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

    sectionHeaderView = UIView(frame: CGRectMake(0, 0, self.tableView.frame.size.width, 30))
    sectionHeaderView?.backgroundColor = UIColor.grayColor()

    var button = UIButton(frame: CGRectMake(0, 0, self.tableView.frame.size.width, 30))
    button.backgroundColor = UIColor.darkGrayColor()
    button.setTitle("collapse/expand", forState: .Normal)
    button.addTarget(self, action: "collapseOrExpandSectionHeader", forControlEvents: .TouchUpInside)

    sectionHeaderView?.addSubview(button)

    return sectionHeaderView
}

...

override func tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {

    if let sectionHeader = sectionHeaderView {
        return view.frame.size.height
    } else {
        return 30.0
    }
}

...

func collapseOrExpandSectionHeader() {

    if let sectionHeader = sectionHeaderView {

        let headerHeight:CGFloat

        if sectionHeader.frame.size.height == 200 {
            headerHeight = 30.0
        } else {
            headerHeight = 200.0
        }

        UIView.animateWithDuration(0.3, animations: {
            self.tableView?.beginUpdates()
            sectionHeader.frame.size.height = headerHeight
            self.tableView?.endUpdates()
        } )
    }
}

Ответ 4

Я не тестировал это, но иногда я получаю нежелательные анимации, когда мой UITableViewCells меняет высоту. Причиной этого является то, что я рисую свои собственные ячейки, и я использую CALayers для этого. В ячейке (void)layoutSubviews я бы изменил размер моего CALayer как размер кадра для ячейки

myLayer.frame = self.bounds;

Когда свойство frame/bounds CALayer изменяется, оно анимируется. Поэтому, теоретически, я бы сказал, что вы можете использовать метод tableView: viewForHeaderInSection: это позволит вам нарисовать собственный заголовок раздела. Вы можете просто вернуть UIView, который реализует (void)layoutSubviews, а затем в этом методе do

self.layer.frame = self.bounds;

Просто идея.