[iOS - swift] Dynamic Type Sizes (Accessibility Inspector, UIFontTextType)

iOS 응용 (swift)

[iOS - swift] Dynamic Type Sizes (Accessibility Inspector, UIFontTextType)

jake-kim 2021. 5. 27. 01:07

Dynamic Type Sizes

iOS 7+부터 사용자가 텍스트 크기를 선택할 수 있는 기능 존재
- 아이폰 > 설정 > 손쉬운 사용 > 디스플레이 및 텍스트 크기 > 더 큰 텍스트

사용자가 선호하는 텍스트 크기를 선택할 수 있도록하여 유연성을 제공

Larger Accessibility Type Sizes: Dynamic Type Sizes보다 더욱 큰 사이즈를 사용

Dynamic Type Sizes 사용 방법
- 코드에서는 .preferredFont(forTextStyle:)으로 사용
- storyboard에서는 inspector에서 설정

dynamic 타입으로 지정 - 사용자가 선택한 크기게 동적으로 적용되는 옵션

UIFontTextStyle

// UIFontTextStyle 사용 방법

        bodyLabel.font = .preferredFont(forTextStyle: .body)
        calloutLabel.font = .preferredFont(forTextStyle: .callout)
        caption1Label.font = .preferredFont(forTextStyle: .caption1)
        headlineLabel.font = .preferredFont(forTextStyle: .headline)
        subheadlineLabel.font = .preferredFont(forTextStyle: .subheadline)
        largeTitleLabel.font = .preferredFont(forTextStyle: .largeTitle)
        title1Label.font = .preferredFont(forTextStyle: .title1)
        
        bodyLabel.adjustsFontForContentSizeCategory = true // dynamic 타입으로 설정
        calloutLabel.adjustsFontForContentSizeCategory = true
        ...

사용하는 서체수를 최소화: 너무 많은 서체를 혼합하면 앱이 조각화되고 엉성해보이는 안좋은 현상 발생
시스템에서 라인 사이의 간격을 두 포인트씩 늘리거나 줄일 수 있는 방법을 사용
- UIFontDescriptor의 .withSymbolicTraits()로 설정

    override func viewDidLoad() {
        super.viewDidLoad()

        guard let fontDescriptor = UIFontDescriptor
                .preferredFontDescriptor(withTextStyle: .body)
                .withSymbolicTraits(.traitLooseLeading) else {
            return
        }

        textView.font = .init(descriptor: fontDescriptor, size: 14)

        guard let fontDescriptor2 = UIFontDescriptor
                .preferredFontDescriptor(withTextStyle: .body)
                .withSymbolicTraits(.traitTightLeading) else {
            return
        }

        textView2.font = .init(descriptor: fontDescriptor2, size: 14)
    }