Czcionki
Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 5 z 50.
Modyfikator .font ustawia rozmiar i styl tekstu. SwiftUI ma nazwane style tekstu odpowiadające systemowym rozmiarom czcionek:
Text("Welcome")
.font(.largeTitle)Od największego do najmniejszego typowe style to .largeTitle, .title, .headline, .body (domyślny), .subheadline i .caption.
Pogrub tekst za pomocą .bold() albo wybierz grubość za pomocą .fontWeight. Stały rozmiar uzyskasz za pomocą .system(size:):
Text("Score")
.font(.title)
.bold()
Text("42")
.font(.system(size: 60))
.fontWeight(.heavy)Wyzwanie
PoczątkującyOstylizuj nazwę kawiarni: nadaj tekstowi krój pisma .largeTitle i pogrub go.
Spróbuj swoich sił
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI
10Projekt – Kawiarnia Coddy
Przegląd projektuEkrany napojów2Wyświetlanie treści
Widoki tekstoweLiczby w tekścieCzcionkiKolorySF SymbolsPodsumowanie — metka z ceną5Stan i przyciski
PrzyciskiWłaściwość @StateStan prawda lub fałszWidoki warunkowePodsumowanie — licznik punktów6Dane wejściowe użytkownika
Pole tekstowePrzełącznikPrzyciski krokowe i suwakSelektorPodsumowanie – formularz zamówieniaPoćwicz samodzielnie: Edytor online SwiftUI