BasicSquares.swift

import UIKit
import XCPlayground

let containerWidth = CGFloat(320)
let containerHeight =  CGFloat(568)

//***************************
//***************************
//****** Basic set up *******
//***************************
//***************************

let window = UIView()
window.translatesAutoresizingMaskIntoConstraints = false
window.backgroundColor = .whiteColor()
XCPlaygroundPage.currentPage.liveView = window

let firstView = UIView()
firstView.translatesAutoresizingMaskIntoConstraints = false
firstView.backgroundColor = .blackColor()
window.addSubview(firstView)

let secondView = UIView()
secondView.translatesAutoresizingMaskIntoConstraints = false
secondView.backgroundColor = .blackColor()
window.addSubview(secondView)

//***************************
//***************************
//****** Manual Layout ******
//***************************
//***************************

/*let horizontalMargin = 20
let width = containerWidth - (horizontalMargin * 2)
let height = 80

var firstViewFrame: CGRect {
    let topMargin = 20

    return CGRect(x: horizontalMargin, y: topMargin, width: width, height: height)
}
firstView.frame = firstViewFrame

var secondViewFrame: CGRect {
    let topMargin = Int(firstView.frame.maxY + 8)

    return CGRect(x: horizontalMargin, y: topMargin, width: width, height: height)
}
secondView.frame = secondViewFrame*/

//***************************
//***************************
//****** Auto Layout ********
//***************************
//***************************

window.widthAnchor.constraintEqualToConstant(containerWidth).active = true
window.heightAnchor.constraintEqualToConstant(containerHeight).active = true

let margin = CGFloat(20)
firstView.topAnchor.constraintEqualToAnchor(window.topAnchor, constant: margin).active = true
firstView.widthAnchor.constraintEqualToConstant(120).active = true
firstView.heightAnchor.constraintEqualToConstant(80).active = true
firstView.centerXAnchor.constraintEqualToAnchor(window.centerXAnchor).active = true

secondView.topAnchor.constraintEqualToAnchor(firstView.bottomAnchor, constant: margin).active = true
secondView.widthAnchor.constraintEqualToConstant(120).active = true
secondView.heightAnchor.constraintEqualToConstant(80).active = true
secondView.centerXAnchor.constraintEqualToAnchor(window.centerXAnchor).active = true