Rahmen und Formen

Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 17 von 50.

SwiftUI verfügt über Formansichten: Circle, Rectangle, RoundedRectangle und Capsule. .fill färbt eine Form ein:

Circle()
    .fill(.blue)
    .frame(width: 80, height: 80)

Eine Form wächst, um den ihr angebotenen Platz auszufüllen. .frame(width:height:) gibt ihr oder jeder anderen Ansicht eine feste Größe in Punkten.

Ein Rahmen kann ebenfalls flexibel sein. maxWidth: .infinity ermöglicht es einer Ansicht, sich über die verfügbare Breite zu erstrecken:

Text("Continue")
    .frame(maxWidth: .infinity)
    .padding()
    .background(.blue)

Aufgabe

Einfach

Zeichne den Platzhalter für den Avatar: einen mit Grün gefüllten Circle, 100 Punkte breit und 100 Punkte hoch.

Probier es selbst

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Einführung in SwiftUI

1Einführung

4Modifikatoren

7Listen

10Projekt – Coddy Coffee

2Inhalte anzeigen

5Status und Buttons

8Navigation

11Abschließende Herausforderungen

3Stacks & Layout

6Benutzereingabe

9Daten teilen

Übe selbstständig: Swift-Playground