[UIKit] 스토리보드로 Cell에 올린 Label이 좌측상단으로 정렬되지 않는 문제

문제 상황

 

스토리보드를 통해 구현한 CollectionView에 Cell이 존재하고 해당 Cell 안에 Label을 배치하여 좌측 상단부터 텍스트가 여러 줄로 출력되도록 처리하고 싶었다. 하지만 정상적으로 좌측 상단부터 우측 하단 방향으로 출력되지 않았고 셀의 범위를 초과하여 한 줄로 출력이 되는 상황이었다.

 

---

해결

 

1. Lines를 0으로 설정하기. 0으로 설정함으로서 줄의 최대 개수를 강제하지 않고 글자 수에 따라 유동적으로 줄 수가 정해진다.

2. Alignment를 왼쪽 정렬로 설정

3. Truncate Tail을 설정. 이 설정은 주어지는 문자열이 화면 범위를 초과하여 존재할 떄 말줄임표 "....."를 어떻게 표현할 것인지에 대한 설정이다. Tail 값으로 설정하면 "abcde...."의 형식으로 출력된다.

4. Label을 스토리보드에 배치할 때, 억지로 잡아 늘려서 원하는 영역에 꽉차게 하면 안 된다. 아래 예시와 같이 AutoLayout을 적용하여 위치를 지정하는 것이 맞는 것이지 Label 자체를 Cell 내부 원하는 영역에 늘려서 적용하면 안 된다. 보통 Attribute를 만져서 해결하려고 하니까 이런 실수는 주의해야 함!