SwiftUI是否支持首选字体大小的替代布局?

时间:2019-10-03 21:06:36

标签: fonts accessibility swiftui dynamic-type-feature

理想情况下,iOS应用程序使用的字体大小遵循用户系统范围的字体大小设置。该主题在2017年的WWDC演讲中被称为使用动态类型构建应用

在简单的情况下,您可以使用UIViewbodycaption1之类的命名样式来设置title的字体,字体的大小取决于用户的设置。

在棘手的情况下,您需要为不同的字体大小编写不同的自动布局约束。例如,当字体较大时,水平堆叠的标签可能需要垂直堆叠。

enter image description here

enter image description here

在这种情况下,WWDC谈话显示了一些类似这样的代码:

if traitCollection.preferredContentSizeCategory > .extraExtraLarge {
    NSLayoutConstraint.deactivate( horizontalConstraints )
    NSLayoutConstraint.activate( verticalConstraints )
} else {
    NSLayoutConstraint.deactivate( verticalConstraints )
    NSLayoutConstraint.activate( horizontalConstraints )
}

在SwiftUI中,这等效于什么?

1 个答案:

答案 0 :(得分:3)

我能想到的最接近的东西是这样的:

struct ContentView: View {

    @Environment(\.sizeCategory) var sizeCategory: ContentSizeCategory

    let largeSizeCategories: [ContentSizeCategory] = [.extraExtraLarge,
                                                      .extraExtraExtraLarge,
                                                      .accessibilityMedium,
                                                      .accessibilityLarge,
                                                      .accessibilityExtraLarge,
                                                      .accessibilityExtraExtraLarge,
                                                      .accessibilityExtraExtraExtraLarge]

    var body: some View {
        Group {
            if largeSizeCategories.contains(sizeCategory) {
                VStack {
                    Text("Pizza, bananas, donuts")
                    Text("Io, Europa, Ganymede")
                }
            } else {
                HStack {
                    Text("Pizza, bananas, donuts")
                    Text("Io, Europa, Ganymede")
                }
            }
        }
    }

}

ContentSizeCategory获取Environment,然后根据值调整视图。

相关问题