Neuerungen in SwiftUI – Teil 7

Materials

Mit Materials gibt es in SwiftUI neue Möglichkeiten, Hintergründe für Views zu erzeugen. Materials orientieren sich hierbei am Inhalt, der hinter einer View liegt, und lassen diesen Inhalt ein wenig hindurch scheinen. Wie stark der Hintergrund zu sehen ist, hängt vom verwendeten Material ab. Insgesamt stehen die folgenden Materials zur Verfügung (es handelt sich bei den genannten Elementen um Type Properties der neuen Structure Material):

• ultraThinMaterial
• thinMaterial
• regularMaterial
• thickMaterial
• ultraThickMaterial

ultraThinMaterial lässt den Hintergrund einer View am stärksten durchscheinen, ultraThickMaterial am wenigsten.

Um ein solches Material auf eine View anzuwenden, übergibt man dem background(_:)-Modifier eine passende Instanz.

Ein Beispiel zeigt das folgende Listing. Es basiert auf einem ZStack, das Blau als Hintergrundfarbe verwendet. Darüber liegt ein VStack mit drei Labels, von denen jedes ein anderes Material als Hintergrund verwendet.

struct ContentView: View {
    var body: some View {
        ZStack {
            Color.blue
            VStack(spacing: 20) {
                Label("Ultra thin", systemImage: "book")
                    .padding()
                    .background(.ultraThinMaterial)
                Label("Regular", systemImage: "book")
                    .padding()
                    .background(.regularMaterial)
                Label("Ultra thick", systemImage: "book")
                    .padding()
                    .background(.ultraThickMaterial)
            }
            .font(.largeTitle)
        }
    }
}

Der folgende Screenshot zeigt diese View unter iOS. Es ist darin sehr schön zu erkennen, wie die verschiedenen Materials den Hintergrund unterschiedlich stark durchscheinen lassen.

Euer Thomas