[iOS] Autolayout 코드로만

평소에 스토리 보드로만 UI를 구성하다가 코드로만 짜보려고 하는데 여러 벽들에 부딪혔습니다..

 

일다 코드로만 UI를 구현할 때의 큰 틀은

 

1. 객체를 만든다.

2. 객체를 서브뷰에 넣는다.

3. 객체의 위치를 설정한다.

 

입니다.

 

 

일단 제가 공부용으로 버튼을 만든 코드를 보자면! 

 

먼저 UIButton를 반환 값으로 하는 함수를 만들고 초기 값들을 설정해 줍니다.

 

그리고 만든 버튼을 서브뷰에 추가시킵니다.

 

 

그리고 저희는 오토레이아웃을 쓸 것이기 때문에 버튼의 translatesAutoresizingMaskIntoConstraints 를 false로 설정 해 줍니다.

 

이제 각 버튼의 widthAnchor, heightAnchor, leftAnchor, rightAnchor를 설정해주고  isActive = true를 주어서 오토레이아웃 설정을 적용시킵니다.

원래 button.widthAnchor.cosntraint(equalToConstant: 100).isActive = true 와 같은 NSLayoutConstarint 객체를 여러개 만들지만 저는 이를 요약할 수 있는 방법으로 두개 나눠서 적용 시켜봤습니다.

 

1. [NSLayoutConstraint] 배열을 만들고 forEach문을 써서 하는 방법!

2. NSLayoutConstraint.activate([NSLayoutConstraint]) 클래스 함수를 사용하는 방법!