AutoLayout 코드로 뷰 그리기

 AutoLayout 코드로 뷰 그리기

ios를 공부하면서 기본적으로 뷰를 그릴 때 사용하는 AutoLayout 에 대해 기록해둔다.

코드로 뷰를 그리는 것을 많이 연습해두자.

현재는 실무에서 안드로이드만 하다보니까 매번 ios 연습할 때마다 까먹는다;;

import UIKit

class ViewController: UIViewController {

    let hiLabel : UILabel = {

       let label = UILabel()

        label.text = "hi"

        return label

    }()

    

    let helloLabel : UILabel = {

        let label = UILabel()

        label.text = "hello"

        return label

    }()

    

    let centerLabel : UILabel = {

        let label = UILabel()

        label.text = "center"

        return label

    }()

    

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view.

        

        

        view.addSubview(hiLabel)

        hiLabel.translatesAutoresizingMaskIntoConstraints = false

        hiLabel.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 10).isActive = true

        hiLabel.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -10).isActive = true

        hiLabel.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 10).isActive = true

        

        view.addSubview(helloLabel)

        helloLabel.translatesAutoresizingMaskIntoConstraints = false

        NSLayoutConstraint.activate([

            helloLabel.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 10),

            helloLabel.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 10),

            helloLabel.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -10),

            helloLabel.topAnchor.constraint(equalTo: hiLabel.bottomAnchor, constant: 10)

           ])

        

        view.addSubview(centerLabel)

        centerLabel.translatesAutoresizingMaskIntoConstraints = false

        centerLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true

        centerLabel.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true

    }

}

실행화면은 아래와 같다!

Share: