autolayout에서 label 길이 자동 조정

Want It

1. 가운데 정렬로 라벨과 버튼을 위아래로 두고 싶음.

2. 화면 크기가 변해도 가운데 정렬로 유지되게 하고 싶음

3. 라벨과 버튼의 간격은 동일해야함.

 

Mistake

1. 라벨의 기본 크기를 너무 작게 함.

2. autolayout 잡는 순서를 틀림

 

Correct

1. 라벨의 크기를 충분히 넓게 잡아줌.

2. 좌우 고정부터 해줌.

3. 상부 고정을 해줌.

4. 버튼의 좌우 고정을 해줌.

4. 버튼과 라벨의 간격을 고정해줌.

 

Picture

main.storyboard 사진을 보자면,

이렇게 하면 됨.

 

 

 

 

 

 

 

 

 

 

 

 

 

그러면 이렇게 결과가 나옴.

 

 

 

 

 

 

 

 

 

 

 

 

 

다른 방법

1. 라벨의 길이를 충분히 늘려줌.

2. 라벨의 width를 고정함. (경우에 따라서 height도 고정해도 됨)

3. 위의 view로부터 길이를 고정하고 중앙정렬함.