[iOS] UILabel 2줄로 표현하기

[iOS] UILabel 2줄로 표현하기

 

스토리보드를 사용하지 않고 UILabel을 2줄로 표시해야 하는 미션이 존재했음.

지나고 보면 이게 엄청 간단한건데, 스토리보드가 아니면 어떻게 해야하는지 그 접근법이 아주 요상할 떄가 있는거 같음.

(즉, 쉽지만 숙련되지 않아서 매우 어려웠음)

처음에는 UILabel 2줄로 표현하는 것을 몰라서 UILabel을 2개 위아래로 배치해서 사용했었는데, UILabel의 속성이나 제약 조건에 따라 UI가 일치하지 않는 문제가 발생.
즉, 이를 알고리즘적으로 풀어내려고 했는데, 뭔가 아닌거 같았고, 회전 모든 케이스를 다 대응하는게 쉬운 일이 아니였음.

(이거 알아보려다가 Glyph 공부하고 수학적으로 다 계산해서 처리하도록 시도함)

 

근데, 리뷰 과정에서 numberOfLines 라는 속성을 알고 이거 하나면 된다고 해서 이걸로 변겨아

 

샘플코드

    private var alarmLabel = UILabel().then {
        $0.text = "알림 설정한 항목이 없습니다.\n알림 받고 싶은 공지를 설정해보세요!"
        $0.textColor = .systemGray3
        $0.numberOfLines = 2
        $0.textAlignment = .center
    }

 

 

결과물