오토레이아웃
width : 정렬 사각형의 너비
height: 정렬 사각형의 높이
top: 정렬 하각형의 상단
bottn: 정렬 사각형의 하단
Horizontal: 수평
Vertical: 수직
Leading: 리딩, 왼쪽
Trailing: 트레일링, 오른쪽
CenterX: 수평중심
CenterY: 수직중심
Anchor
오토레이아웃을 활용해 어떤 중심을 기준으로 얼마나 띄울건지에 대한 것을 Anchor라고 한다.
top = topAnchor / leading = leadingAnchor
높이 = heightAnchor / 넓이 = widthAnchor
// leading 얼마를 띄울건지 //상속받은 view의 leading을 기준으로 //30만큼 //활성화 //true
emailTextFieldView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 30).isActive = true
// trailing 얼마를 띄울건지 //상속받은 view의 trailing 기준으로 //-30만큼 //활성화 //true
emailTextFieldView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -30).isActive = true
// top 얼마를 띄울건지 //상속받은 view의 top 기준으로 //200만큼 //활성화 //true
emailTextFieldView.topAnchor.constraint(equalTo: view.topAnchor, constant: 200).isActive = true
// 높이제약 //자신의 높이 //40만큼 //활성화 //true
emailTextFieldView.heightAnchor.constraint(equalToConstant: 40).isActive = true
//넘긴 제약들을 모두 활성화시킨다. isActive를 자동으로
NSLayoutConstraint.activate([
emailInfoLabel.leadingAnchor.constraint(equalTo: emailTextFieldView.leadingAnchor, constant: 8),
emailInfoLabel.trailingAnchor.constraint(equalTo: emailTextFieldView.trailingAnchor, constant: 8),
emailInfoLabel.centerYAnchor.constraint(equalTo: emailTextFieldView.centerYAnchor, constant: 0)
])
코드로 UI를 작성할 때(addSubview, translatesAutoresizingMarskIntoConstraints)⭐️⭐️⭐️
addSubview
코드로 UI를 작성할 때 코드로 작성한 객체를 화면에 띄우기 위해선 view[어떤 객체] 위에 띄워야 한다.
예를 들어 UIViewController를 상속받은 SomViewController에는 기본 view가 존재한다.
기본 view위에 띄우려면 addSubview를 해야한다.
view.addSubview(someView)
translatesAutoresizingMarskIntoConstraints
코드로 UI를 짜면 자동으로 프레임 기준으로 오토레이아웃을 잡아준다. 그런데 자동으로 잡아주는 오토레이아웃 기능을 꺼줘야 원하는 오토레이아웃으로 화면에 보여지게된다.
someView.translatesAutoresizingMaskIntoConstraints = false // ⭐️⭐️⭐️