SwiftUI 的内置材料选项

3 min read

使用多种材质类型中的一种来调整材质的“厚度”——背景内容有多少透过。 从最薄到最厚，它们是：

.ultraThinMaterial
.thinMaterial
.regularMaterial
.thickMaterial
.ultraThickMaterial
如果您使用辅助前景色，SwiftUI 会自动调整文本颜色，使其具有鲜明的效果并能从背景中脱颖而出：

ZStack {
Image("singapore")

Text("Visit Singapore")
    .foregroundColor(.secondary)
    .padding()
    .background(.ultraThinMaterial)

}

在这个示例中，我们使用了 .ultraThinMaterial 作为文本背景，这使文本看起来更加薄，与图像背景融合得更好。同时，我们还使用了 .secondary 来设置文本颜色为辅助前景色，以使其在不同颜色主题中都具有良好的可读性。