[iOS/UI] 코드로 width, height,x축,y축 center 지정하기(Autolayout Programatically)

스토리보드상에서 말고 코드로 특정 뷰를 중앙에 배치하거나 가로,세로 크기를 정해주고 싶었다.

방법은 아주 간단했다.

우선 스토리보드상에 검정뷰를 하나 만들고 아무 contraints를 걸어주지 않으면 스토리보드상에 만들었던 뷰 그대로 모양이 시뮬레이터 상에 나온다.

가장 핵심은 translatesAutoresizingMaskIntoConstarainsts를 false로 해야 자동으로 리사이징되는 것을 막을 수 있다. 이 코드를 넣어주지 않으면 아무것도 적용이 안된다.

 //뷰를 자동으로 리사이징 하지마!
 BlackView.translatesAutoresizingMaskIntoConstraints = false
 //가로크기를 50
 BlackView.widthAnchor.constraint(equalToConstant: 50).isActive = true
 //세로크기를 50
 BlackView.heightAnchor.constraint(equalToConstant: 50).isActive = true
 //X축 중앙에 배치
 BlackView.centerXAnchor.constraint(equalTo: self.view.centerXAnchor).isActive = true
 //Y축 중앙에 배치
 BlackView.centerYAnchor.constraint(equalTo: self.view.centerYAnchor).isActive = true

코드를 전부 적용시키고 시뮬레이터를 돌려보면 아래 화면과 같이 정중앙 가로 세로 50으로 잘 나타난 것을 볼 수 있다.