iOS-Posiciona UIView en el centro de superview usando Auto Layout programáticamente

UIButton, UIImageView, UIlabel y UITextField puede establecer automáticamente su tamaño de acuerdo con sus propiedades de contenido. El ancho y la altura de un UIImageView se establecen por el UIImage que puede contener. El tamaño de un UILabel dependerá de su texto. El ancho y el alto de un UIButton están definidos por el título y la imagen que tiene (puede obtener más información sobre él con Intrínsecamente Content Size).

Por lo tanto, cuando desea centrar a UIButton, a UILabel, a UITextField o a UIImageView dentro de a UIView con diseño automático, en casi todos los casos no tiene que crear restricciones para su ancho y altura. Simplemente necesita establecer restricciones horizontales y verticales para ellos.

Sin embargo, con auto layout, un UIView que no tiene subviews no puede confiar en nada para establecer su tamaño a menos que le proporcione algunas restricciones arbitrarias de ancho y altura. Y de acuerdo con sus necesidades, puede resolver esto de 3 maneras diferentes.

El estilo de diseño automático puro

Aquí, establecemos el ancho y la altura de nuestro UIView directamente como restricciones de diseño automático:

override func viewDidLoad() {
    super.viewDidLoad()

    let newView = UIView()
    newView.backgroundColor = .redColor()
    newView.translatesAutoresizingMaskIntoConstraints = false
    view.addSubview(newView)

    // Auto layout code using anchors (iOS9+)
    let horizontalConstraint = newView.centerXAnchor.constraintEqualToAnchor(view.centerXAnchor)
    let verticalConstraint = newView.centerYAnchor.constraintEqualToAnchor(view.centerYAnchor)
    let widthConstraint = newView.widthAnchor.constraintEqualToAnchor(nil, constant: 100)
    let heightConstraint = newView.heightAnchor.constraintEqualToAnchor(nil, constant: 100)
    NSLayoutConstraint.activateConstraints([horizontalConstraint, verticalConstraint, widthConstraint, heightConstraint])
}

El estilo de máscara autoresizing

Aquí inicializamos nuestro UIView con su ancho y alto, hacemos que su centro y el centro de su superview sean iguales y creamos algunas máscaras autoresizing. Luego, le pedimos a UIKit que traduzca esas máscaras de autoresizing en restricciones de diseño automático:

override func viewDidLoad() {
    super.viewDidLoad()

    let newView = UIView(frame: CGRect(x: 0.0, y: 0.0, width: 100.0, height: 100.0))
    newView.backgroundColor = .redColor()

    newView.center = CGPointMake(view.bounds.midX, view.bounds.midY)
    newView.autoresizingMask = [.FlexibleLeftMargin, .FlexibleRightMargin, .FlexibleTopMargin, .FlexibleBottomMargin]

    newView.translatesAutoresizingMaskIntoConstraints = true // default is true
    view.addSubview(newView)
}

El estilo de subclase

Aquí, creamos una subclase de UIView y anulamos su método intrinsicContentSize() ( declaración ) que devuelve el tamaño deseado:

import UIKit

class CustomView: UIView {
    override func intrinsicContentSize() -> CGSize {
        return CGSize(width: 100, height: 100)
    }
}

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let newView = CustomView()
        newView.backgroundColor = .redColor()
        newView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(newView)

        let horizontalConstraint = NSLayoutConstraint(item: newView,
            attribute: .CenterX,
            relatedBy: .Equal,
            toItem: view,
            attribute: .CenterX,
            multiplier: 1,
            constant: 0)
        view.addConstraint(horizontalConstraint)
        let verticalConstraint = NSLayoutConstraint(item: newView,
            attribute: .CenterY,
            relatedBy: .Equal,
            toItem: view,
            attribute: .CenterY,
            multiplier: 1,
            constant: 0)
        view.addConstraint(verticalConstraint)
    }

}