Auto Layout Example: Manual Layout

Auto Layout Example: Manual Layout.swift

// A view containing stacked title and message labels
// The entire layout is manually calculated every time the view has to be rendered or it's requested to re-layout

class SomeView: UIView {
  
  let titleLabel = UILabel(frame: .zero)
  let messageLabel = UILabel(frame: .zero)
  // ...other subviews
  
  override func layoutSubviews() {
    super.layoutSubviews()
    
    let elementsDistance = 20
    
    titleLabel.sizeToFit()
    let titleLabelX = (bounds.size.width - titleLabel.bounds.size.width) / 2 // center horizontally
    let titleLabelOrigin = CGPoint(x: titleLabelX, y: elementsDistance)
    titleLabel.frame = CGRect(origin: titleLabelOrigin, size: titleLabel.bounds.size)
    
    messageLabel.sizeToFit()
    let messageLabelX = (bounds.size.width - messageLabel.bounds.size.width) / 2 // center horizontally
    let messageLabelOrigin = CGPoint(x: messageLabelX, y: titleLabel.frame.maxY + elementsDistance)
    messageLabel.frame = CGRect(origin: messageLabelOrigin, size: massageLabel.bounds.size)
  
    // ...and so on for all other elements
  }
  
  // add the subviews to the view hierarchy at some point
  
}