UILabel Text 자간 수정하기 (extension UILabel, character spacing)

 

 

이렇게 디자이너가 -3%의 수치로 자간을 줬을때,

code로 UILabel의 자간을 수정하는 방법입니다.

 

디자이너입장에서 이런 디테일을 아주 중요시 하기때문에

개발자의 눈에는 별 차이가 없더라도 그냥 넘어갈 수 없습니다~

 

 

self.font.pointSize 로

UILabel마다 다른 font 사이즈에 접근해줄 수 있어요. (default는 -3%)

 

extension UILabel {
    func addCharacterSpacing(_ value: Double = -0.03) {
        let kernValue = self.font.pointSize * CGFloat(value)
        guard let text = text, !text.isEmpty else { return }
        let string = NSMutableAttributedString(string: text)
        string.addAttribute(NSAttributedString.Key.kern, value: kernValue, range: NSRange(location: 0, length: string.length - 1))
        attributedText = string
    }
}

 

 

 

그리고

고정 수치로 주고싶으신분은

이렇게.. (default는 0.5)

 

extension UILabel {
    func addCharacterSpacing(kernValue:Double = 0.5) {
        guard let text = text, !text.isEmpty else { return }
        let string = NSMutableAttributedString(string: text)
        string.addAttribute(NSAttributedString.Key.kern, value: kernValue, range: NSRange(location: 0, length: string.length - 1))
        attributedText = string
    }
}

 

그리고 적용은 UILabel에 lbl.addCharacterSpacing().

 

 

 

 

+ 🍯 TIP

 

code로 ui를 작성하다보면 항상 선언해야하는 속성들이 존재합니다.

 

 

간단하게 단축키를 이용해 간단하게 이렇게 작성할 수 있어요.

 

설정하는 방법은

단축키를 만들고자 하는 내용을 드래그 한 뒤 우클릭,

create code snippet.

 

 

and then,

 

 

단축키는 저는 uilb 라고 설정해줬습니다.

 

그리고 저기 회색 배경의 입력 유도 text를 만드는 방법은 <# text #> 해주면 됩니다.

 

UILabel의 변수명과 text 내용을 바로 입력이 가능하도록 해줬습니다.

 

 

 

감사합니다!