Playground ile UI görüntüleme

Merhabalar bu yazımda iOS uygulamanızda yazdığınız basit tasarımlarınızı Xcode Playground üzerinde canlı olarak nasıl gösterebileceğinizi paylaşacağım.

Playground bildiğiniz gibi kodlarınızı pratik yapmanız için derlemenizi sağlayan güzel bir sistem. Bu sistemi Apple her yeni Xcode versiyonu ile geliştirmekte. Artık Xcode 10 ile birlikte canlı olarak VC tasarımlarınızı görebilirsiniz. Tabi sürükle bırak bir şekilde tasarım yapmanız şuan için mümkün değil. Ancak programmatically olarak görselleştirebilirsiniz.

Aşağıda yazdığım kod örneği ile deneyebilirsiniz.

import UIKit
import PlaygroundSupport

class testUI: UIViewController {
    
    var box:UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupUI()
    }
    
    func setupUI() {
        box = UIView()
        box.backgroundColor = .orange
        box.layer.cornerRadius = 25
        view.addSubview(box)
        box.translatesAutoresizingMaskIntoConstraints = false
        box.leftAnchor.constraint(equalTo: self.view.leftAnchor, constant: 10).isActive = true
        box.rightAnchor.constraint(equalTo: self.view.rightAnchor, constant: -10).isActive = true
        box.centerYAnchor.constraint(equalTo: self.view.centerYAnchor).isActive = true
        box.heightAnchor.constraint(equalToConstant: 100).isActive = true
    }
}

let vc = testUI()
vc.preferredContentSize = CGSize(width: 375, height: 600)
PlaygroundPage.current.liveView = vc