Programmgesteuert Hinzufügen von Einschränkungen zu einem UITableView-Header

Question

Ich habe eine Kopfzeile in meiner Tabellenansicht, die ein Bild und ein Label hat. Ich möchte das UII-Bild zentrieren und das Etikett darunter stecken lassen. Das ist mein Code zur Zeit:

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

    let headerLabel = UILabel() 
    let logoView = UIImageView() 

    headerLabel.frame = CGRect(x: 0, y: 0, width: view.frame.width, height: 21) 
    headerLabel.text = self.navigationItem.title 
    headerLabel.textColor = UIColor.white 
    headerLabel.backgroundColor = UIColor.clear 
    headerLabel.textAlignment = NSTextAlignment.center 

    logoView.frame = CGRect(x: 0, y: 0, width: 90, height: 90) 
    let logo: UIImage = UIImage(named: self.navigationItem.title!)! 
    logoView.image = logo 
    logoView.contentMode = .scaleAspectFill 

    view.addSubview(headerLabel) 
    view.addSubview(logoView) 

    return topView 
} 

Damit liegt das Etikett auf der Oberseite des Kopfes zentriert, und das Logo in der linken oberen Ecke. Wie kann ich Einschränkungen (programmatisch, kein Storyboard) hinzufügen, um das Bild zu zentrieren und die Beschriftung darunter zu pinkeln? Ich habe programmatische Beschränkungen ziemlich ein bisschen benutzt (d. H. something.leftAnchor.constraint(equalTo....), aber ich bin nicht sicher, wie man es in dieser Situation anwendet, da es meine erste Verwendung eines Headers ist.

Answer 1

Ich möchte das UIImage zentrieren und das Etikett darunter stecken.

Dies kann erreicht werden, indem die Framing-Logik jeder Teilansicht von den benachbarten Ansichten abhängig gemacht wird. Während dies programmatisch geschieht, muss man bei den geometrischen Berechnungen besonders vorsichtig sein. Dieser Code-Schnipsel sollte es tun

:

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

    let logoView = UIImageView() 

    logoView.frame = CGRect(x: tableView.center.x - 90/2, y: 0, width: 90, height: 90) 
    let logo: UIImage = UIImage(named: self.navigationItem.title!)! 
    logoView.image = logo 
    logoView.contentMode = .scaleAspectFill 

    view.addSubview(logoView) 

    let headerLabel = UILabel() 
    headerLabel.frame = CGRect(x: 0, y: logoView.frame.size.height, width: view.frame.width, height: 21) 
    headerLabel.text = self.navigationItem.title 
    headerLabel.textColor = UIColor.white 
    headerLabel.backgroundColor = UIColor.clear 
    headerLabel.textAlignment = NSTextAlignment.center 

    view.addSubview(headerLabel) 

    return topView 
}