Abgerundete Ecken ändert UIView Größe

Question

In benutzerdefinierte TabelleView-Zelle möchte ich UIView mit abgerundeten Ecken auf der Oberseite erstellen. Hier ist der Teil des Codes, wo ich die Einstellung der Zwänge der UIView

headerView.leadingAnchor.constraint(equalTo: self.leadingAnchor, constant: 8).isActive = true 
headerView.topAnchor.constraint(equalTo: self.topAnchor, constant: 4).isActive = true 
headerView.trailingAnchor.constraint(equalTo: self.trailingAnchor, constant: -8).isActive = true 
headerView.heightAnchor.constraint(equalToConstant: 40).isActive = true 

Bellow dieses Teils abgerundeten Ecken Sicht gesetzt ich getan habe folgendes:

self.layoutIfNeeded() 
let rectShape = CAShapeLayer() 
rectShape.bounds = headerView.layer.frame 
rectShape.position = headerView.center 
rectShape.path = UIBezierPath(roundedRect: headerView.layer.bounds, byRoundingCorners: [ .topLeft, .topRight], cornerRadii: CGSize(width: 10, height: 10)).cgPath 
headerView.layer.backgroundColor = UIColor.green.cgColor 
headerView.layer.mask = rectShape 

Das Problem ist, dass, wenn Dieser Codeblock wird verwendet, um abgerundete Ecken zu setzen. Die Größe der Ansicht ändert sich. Hier ist die Ausgabe

Und das Ergebnis ohne diesen Teil des Codes ist folgende:

Meine Frage ist, warum die Ansichtsgröße ändert? Was mache ich falsch?

Answer 1

Sein, weil Ihr CAShapeLayer nicht automatisch Ändern der Größe, wenn die Kopfsicht der Einschränkungen der Größe verändert werden. Sie müssen den Pfad aktualisieren, wenn die Ansicht geändert wird:

let headerView: UIView! 

    override func awakeFromNib() { 
    super.awakeFromNib() 

    headerView = UIView(frame: bounds) 
    headerView.frame = bounds 

    headerView.leadingAnchor.constraint(equalTo: self.leadingAnchor, constant: 8).isActive = true 
    headerView.topAnchor.constraint(equalTo: self.topAnchor, constant: 4).isActive = true 
    headerView.trailingAnchor.constraint(equalTo: self.trailingAnchor, constant: -8).isActive = true 
    headerView.heightAnchor.constraint(equalToConstant: 40).isActive = true 


    let rectShape = CAShapeLayer() 
    rectShape.bounds = headerView.layer.frame 
    rectShape.position = headerView.center 

    headerView.layer.backgroundColor = UIColor.green.cgColor 
    headerView.layer.mask = rectShape 
    } 

    override func layoutSubviews() { 
    super.layoutSubviews() 

    rectShape.path = UIBezierPath(roundedRect: headerView.layer.bounds, byRoundingCorners: [ .topLeft, .topRight], cornerRadii: CGSize(width: 10, height: 10)).cgPath 
    } 

benutzte ich awakeFromNib nur als Beispiel. Ihr Setup für Ihre Ansicht kann sich in Ihrer benutzerdefinierten UITableViewCell-Klasse unterscheiden.

Answer 2

Wahrscheinlich erhalten Sie die HeaderView-Grenzen vor die Ansicht wird angepasst, um die Tabelle anzupassen.

Wenn dies in einer Unterklasse UIView, sollten Sie wahrscheinlich

override func layoutSubviews() { 
    // update path and mask here 
}