理想情况下,iOS应用程序使用的字体大小遵循用户系统范围的字体大小设置。该主题在2017年的WWDC演讲中被称为使用动态类型构建应用。
在简单的情况下,您可以使用UIView
,body
,caption1
之类的命名样式来设置title
的字体,字体的大小取决于用户的设置。
在棘手的情况下,您需要为不同的字体大小编写不同的自动布局约束。例如,当字体较大时,水平堆叠的标签可能需要垂直堆叠。
在这种情况下,WWDC谈话显示了一些类似这样的代码:
if traitCollection.preferredContentSizeCategory > .extraExtraLarge {
NSLayoutConstraint.deactivate( horizontalConstraints )
NSLayoutConstraint.activate( verticalConstraints )
} else {
NSLayoutConstraint.deactivate( verticalConstraints )
NSLayoutConstraint.activate( horizontalConstraints )
}
在SwiftUI中,这等效于什么?
答案 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
,然后根据值调整视图。