Wie animiere ich UITableView Header-Ansicht

Question

Ich muss das Einfügen einer Tabellenansicht Header-Ansicht animieren. Ich möchte, dass die Tabellenzeilen nach unten gleiten, während die Kopfansicht ihren Rahmen erweitert.
Bisher das beste Ergebnis bekam ich durch den folgenden Code:

[self.tableView beginUpdates]; 
[self.tableView setTableHeaderView:self.someHeaderView]; 
[self.tableView endUpdates]; 

Das Problem bei dieser Lösung ist, dass der Header selbst nicht animiert erhält, dessen Rahmen sich nicht ausdehnt.

Also der Effekt, den ich bekomme, ist, dass die Tabellenzeilen nach unten gleiten (wie ich will), aber die Header-Ansicht wird sofort angezeigt, und ich möchte es seinen Rahmen mit Animation erweitern.

Irgendwelche Ideen?

Danke.

Answer 1

haben die Header-Frame an CGRectZero und seinen Rahmen gesetzt Animation

[self.tableView beginUpdates]; 
[self.tableView setTableHeaderView:self.someHeaderView]; 

[UIView animateWithDuration:.5f animations:^{ 
    CGRect theFrame = someBigger.frame; 
    someHeaderView.frame = theFrame; 
}]; 

[self.tableView endUpdates]; 

Answer 2

Die gewählte Antwort nicht für mich arbeiten mit. Hat folgende zu tun:

[UIView animateWithDuration: 0.5f 
       animations: ^{ 
        CGRect frame = self.tableView.tableHeaderView.frame; 
        frame.size.height = self.headerViewController.preferredHeight; 
        self.tableView.tableHeaderView.frame = frame; 
        self.tableView.tableHeaderView = self.tableView.tableHeaderView; 
        }]; 

Das wirklich eigentümlich ist, dass das funktioniert in einer Ansicht, die jedoch nicht in einer Unterklasse der gleichen View-Controller/View-Hierarchie.

Answer 3

Hier ist, was ich in Swift, mit einer anfänglichen Rahmenhöhe von Null und Aktualisierung der es auf seine volle Höhe in den Animationen Schließung zu arbeiten bekam:

// Calculate new frame size for the table header 
var newRect = tableView.tableHeaderView?.frame 
newRect?.size.height = 42 
// Get the reference to the header view 
let tblHeaderView = self.tableView.tableHeaderView 
// Animate the height change 
UIView.animateWithDuration(0.6, animations: {() -> Void in 
    tblHeaderView?.frame = newRect! 
    self.tableView.tableHeaderView = tblHeaderView 
}) 

Answer 4

fand ich die endgültige und richtige Weg, eine echte zu erreichen Animation auf tableHeaderView s!

• Wenn Sie sich in Autolayout befinden, behalten Sie das System Margin in Ihrer Kopfzeile. Mit Xcode 8 ist es jetzt möglich (endlich!), Setze keine Einschränkung auf irgendeine der Header-Subviews. Sie müssen die richtigen Ränder festlegen.

• Dann beginUpdates und endUpdates verwenden, aber setzen endUpdatein der Block-Animation.

Hinweis: Ich habe nur in iOS10 versucht, ich werde ein Update veröffentlichen, wenn mein iOS9-Simulator heruntergeladen wird.

EDIT

Leider funktioniert es nicht so gut in iOS9 als iOS10: der Header selbst seine nicht Höhe ändern, aber Kopf Subviews scheint, als ob die Header-Grenzen geändert zu bewegen.

Answer 5

Verwenden Sie den folgenden Code funktioniert dies

extension UITableView { 

func hideTableHeaderView() -> Void { 
    self.beginUpdates() 
    UIView.animate(withDuration: 0.2, animations: { 
     self.tableHeaderView = nil 
    }) 
    self.endUpdates() 
} 

func showTableHeaderView(header: UIView) -> Void { 
    let headerView = header 
    self.beginUpdates() 
    let headerFrame = headerView.frame 
    headerView.frame = CGRect() 
    self.tableHeaderView = headerView 
    UIView.animate(withDuration: 0.2, animations: { 
     self.tableHeaderView?.frame = headerFrame 
     self.tableHeaderView?.alpha = 0 
     self.endUpdates() 
    }, completion: { (ok) in 
     self.tableHeaderView?.alpha = 1 
    }) 
    } 
}