[UIKit] UILabel

1. UILabel에 Inner Padding 추가하는 법

• UILabel은 내부 텍스트(컨텐츠)의 크기에 따라서 Intrinsic Content Size가 결정된다.

• 이에 따라, 별도의 값 설정이 없다면 컨텐츠의 변화에 따라서 크기가 동적으로 변화한다.

1. Inner Padding이 필요한 경우

• 간단한 커스텀 Toast를 제작할 경우, Inner Padding을 통해 별도의 배경 View없이 처리할 수 있음



이미지 출처

• 위 UI를 제작하는데 2가지 방식 정도를 생각해볼 수 있다.

1. 배경 View + Label 조합
→ 내부 요소의 크기 + 원하는 Padding 크기로 배경 View의 레이아웃을 설정해줘야 하는 번거로움 발생

2. Label + Inner Padding
→ Label 자체의 Inner Padding을 설정하면 이를 Intrinsic Content Size로 인식하기 때문에 추가적인 레이아웃 설정이 필요 없음
→ 단, 이미지가 들어가거나 다른 추가 UI가 들어가는 경우에 유연하게 대응하지 못할 수 있음.

1. 구현

final class PaddingLabel: UILabel {
    var padding: UIEdgeInsets = .zero

    override func drawText(in rect: CGRect) {
        super.drawText(in: rect.inset(by: padding))
    }
    
    override var intrinsicContentSize: CGSize {
        let superContentSize = super.intrinsicContentSize
        let width = superContentSize.width + padding.left + padding.right
        let height = superContentSize.height + padding.top + padding.bottom
        return CGSize(width: width, height: height)
    }
}

• drawText() : UILabel의 텍스트가 그려질 때, 텍스트의 속성 변경

• padding 프로퍼티 추가 후 이를 인수로 전달

• intrinsicContentSize 오버라이딩 inset 값을 더해준다.

• drawText()는 텍스트를 그리는 메서드이며, padding을 인수로 전달한다고 해서 UILabel 자체의 크기가 변화하지는 않는다.
• 따라서, drawText()만 실행할 경우 텍스트가 중략된다.
• UILabel 자체의 크기는 고정되어 있는데 내부의 Text만 커졌기 때문이다.

• 따라서, UILabel의 intrinsicContentSize 또한 padding 값 만큼 조정해줄 필요가 있다.

• https://www.wwdcnotes.com/notes/wwdc13/220/

• https://zeddios.tistory.com/603

2. UILabel에 Hyperlink 넣는 법

• Hyperlink : 다른 링크로 이동할 수 있는 참조 고리

• 텍스트 내부에 Hyperlink를 넣을 수 있는 UILabel 서브 클래스 생성

1. NSAttributedString 생성

• NSAttributedString: 특정 속성(하이퍼 링크, 색상)을 추가한 문자열

• read-only 이다. 반면, NSMutableAttributedString 는 수정이 가능하다.

• hyperlink 속성을 추가하기 위해 NSAttributedString 키 값을 확장

extension NSAttributedString.Key {
    static let hyperlink = NSAttributedString.Key("hyperlink")
}

• https://augmentedcode.io/2020/12/20/opening-hyperlinks-in-uilabel-on-ios/

3. 행간 추가하는 법

• UILabel은 내부적으로 행간을 조정하는 기능을 제공하지 않음

• text 프로퍼티에 자간이 행간된 String을 할당해야됨

• 조정된 String → NSMutableAttributedString

• 문자열 간의 행간

• 기존 행간의 배수

let label = UILabel()
let text = "샘플 문자열"
        
label.attributedText = lineSpacingText(text)

func lineSpacingText(_ txt: String) -> NSAttributedString {
    let style = NSMutableParagraphStyle()
    style.lineSpacing = 4 //문자열 간의 간격
    
    let attributes: [NSAttributedString.Key: Any] = [
        .font: UIFont.systemFont(ofSize: 15, weight: .regular),
        .paragraphStyle: style
    ]
    
    return NSMutableAttributedString(string: txt, attributes: attributes)
    
}

func lineHeightMultipleText(_ txt: String) -> NSAttributedString {
    let style = NSMutableParagraphStyle()
    style.lineHeightMultiple = 1.4 //기존 행간의 배수
    
    let attributes: [NSAttributedString.Key: Any] = [
        .font: UIFont.systemFont(ofSize: 15, weight: .regular),
        .paragraphStyle: style
    ]
    
    return NSMutableAttributedString(string: txt, attributes: attributes)
    
}

func lineHeightText(_ txt: String) -> NSAttributedString {
    let style = NSMutableParagraphStyle()
		style.minimumLineHeight = 21
    style.maximumLineHeight = 21 //문자열 자체의 높이
    
    let attributes: [NSAttributedString.Key: Any] = [
        .font: UIFont.systemFont(ofSize: 15, weight: .regular),
        .paragraphStyle: style
    ]
    
    return NSMutableAttributedString(string: txt, attributes: attributes)
    
}