Ramki i kształty

Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 17 z 50.

SwiftUI zawiera widoki kształtów: Circle, Rectangle, RoundedRectangle i Capsule. .fill nadaje kształtowi kolor:

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

Kształt rośnie, aby wypełnić dostępną przestrzeń. .frame(width:height:) nadaje mu lub dowolnemu innemu widokowi stały rozmiar w punktach.

Ramka może być również elastyczna. maxWidth: .infinity pozwala widokowi rozciągnąć się na całą dostępną szerokość:

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

Wyzwanie

Łatwy

Narysuj symbol zastępczy awatara: Circle wypełnione zielonym kolorem, o szerokości 100 punktów i wysokości 100 punktów.

Spróbuj swoich sił

import SwiftUI

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

Sprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI

1Wprowadzenie

4Modyfikatory

7Listy

10Projekt – Kawiarnia Coddy

2Wyświetlanie treści

5Stan i przyciski

8Nawigacja

11Wyzwania końcowe

3Stosy i układy

6Dane wejściowe użytkownika

9Udostępnianie danych

Poćwicz samodzielnie: Edytor online SwiftUI