UILabel 텍스트의 일부 폰트/색상/크기 변경하기, 취소선 긋기 - attributedText, NSMutableAttributedString

UILabel 텍스트의 일부 폰트/색상/크기 변경하기, 취소선 긋기 - attributedText, NSMutableAttributedString

https://ios-development.tistory.com/654

https://zeddios.tistory.com/300

• NSMutableAttributedString(string:) 과 .addAttribute(_:value:range:)의 개념을 이해하는 게 중요하다.

1. 평소대로 UILabel을 만들고 텍스트 값을 넣는다
2. 함수 (여기서는 setMenuLabelAttribute())를 만든다
3. menuLabel.text를 가져오고 (fullText)
4. fullText를 NSString으로 형변환한다
   1. 아래 단계에서 범위를 가져오기 위해 String->NSString으로 변환하는 것.
5. fullTextNSString을 NSMutableAttributedString(string:) 을 통해 형변환한다
6. 변경을 원하는 속성을 정의한다
   1. let font = UIFont.customFont(.santanaBlackMedium)
7. attributedString에 폰트/색상/크기/취소선 긋기 등 원하는 속성을 원하는 범위에 적용한다.
   1. attributedString.addAttribute(.font, value: font, range: fullTextNSString.range(of: "1")) : fullTestNSString 중 "1"이라는 글자에 font를 적용함
   2. attributedString.addAttribute(.foregroundColor, value: UIColor.customColor(.primaryGreen), range: fullTextNSString.range(of: "1")) : fullTestNSString 중 "1"이라는 글자에 primaryGreen이라는 색상을 적용함
   3. 변경 가능한 속성은 NSAttributedString.Key를 참고한다.
8. 1에서 선언한 UILabel의 attributedText값으로 attributedString을 넣어 준다
   1. menuLabel.attributedText = attributedString

import UIKit

class HomeView: UIView {

    static let identifier = "HomeView"

    private let menuLabel: UILabel = {
        var label = UILabel()
        label.text = "1 Sample Menu"
        label.font = UIFont.customFont(.santanaBlackSmall)
        return label
    }()

    override init(frame: CGRect) {
        super.init(frame: frame)
        setUI()
        setConstraint()
    }

    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setUI()
        setConstraint()
    }

    private func setUI() {
        self.addSubview(menuLabel)
        setMenuLabelAttribute()
    }

    private func setConstraint() {
        configureMenuLabelConstraint()
    }

    private func configureMenuLabelConstraint() {
        menuLabel.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            menuLabel.topAnchor.constraint(equalTo: menuImageView.bottomAnchor),
            menuLabel.centerXAnchor.constraint(equalTo: self.centerXAnchor),
            menuLabel.bottomAnchor.constraint(equalTo: self.bottomAnchor)
        ])
    }

    private func setMenuLabelAttribute() {
        let fullText = menuLabel.text ?? ""
        let fullTextNSString = fullText as NSString
        let attributedString = NSMutableAttributedString(string: fullText)
        let font = UIFont.customFont(.santanaBlackMedium)
        attributedString.addAttribute(.font, value: font, range: fullTextNSString.range(of: "1"))
        attributedString.addAttribute(.foregroundColor, value: UIColor.customColor(.primaryGreen), range: fullTextNSString.range(of: "1"))
        menuLabel.attributedText = attributedString
    }
}