Positioning UI Elements Programmatically

 UI를 스토리보드 화면에서 그리는 것이 아니라 코드로 그리는 법을 알아보겠습니다,

 

 이렇게 코드를 기입하면 

 

 아래와 같이 빨간 네모가 생기는 것을 볼 수 있습니다.

 

 

코드를 뜯어보면

 

let square = UIView(frame: CGRect(x: 0, y: 0, width: 50, height: 50))

 

 -> square란 변수를 선언하는데 x,y축 0부터 그리고 가로세로 넓이를 50씩 한다

        

square.backgroundColor = UIColor.red

 

 -> square란 변수에 백그라운드 컬러를 빨강으로 한다

        

self.view.addSubview(square)

 

 -> square를 뷰에 추가해준다

 

 일단 이렇게 간단하게 그려볼 수 있습니다.