如何動畫UITableView中的節標題的高度變化？

Question

我已經實現了這個方法來返回節頭高度。但是，當該部分的高度發生變化時，會立即發生動畫。

有動畫嗎？

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

Answer 1

我不是100％確定這將適用於表格標題，但它適用於表格行，所以它值得一試。我有一個實例變量headerHeight最初設定爲44.0和我改變它像這樣：

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

在我的代碼我在heightForRowAtIndexPath返回headerHeight，但你可以嘗試在heightForHeaderInSection：

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

Answer 2

我沒有測試過這一點，但有時我得到不必要的動畫時，我UITableViewCells改變高度。原因是我繪製了自己的細胞，我使用CALayers來做。在細胞的(void)layoutSubviews我會改變我的CALayer的大小爲幀的大小爲細胞

myLayer.frame = self.bounds; 

當的CALayer的變化幀/ bounds屬性，它是動畫。所以在理論上，我會說你可以使用方法tableView：viewForHeaderInSection：這將允許你繪製自己的節標題。你可以只返回一個實現(void)layoutSubviews，然後在這個方法做

self.layer.frame = self.bounds; 

只是一個想法一個UIView。

Answer 3

該作品：

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]; 

Answer 4

我在斯威夫特的解決方案：

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() 
     }) 
    } 
}