Selektor

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

Element Picker wybiera jedną wartość z listy opcji. Każda opcja jest widokiem z .tag, a tag wybranej opcji jest zapisywany w powiązanym stanie:

@State private var size = "Medium"

Picker("Size", selection: $size) {
    Text("Small").tag("Small")
    Text("Medium").tag("Medium")
    Text("Large").tag("Large")
}

Znaczniki muszą mieć ten sam typ co stan, w tym przypadku String. .pickerStyle(.segmented) wyświetla opcje jako rząd segmentów:

Picker("Size", selection: $size) {
    Text("S").tag("Small")
    Text("L").tag("Large")
}
.pickerStyle(.segmented)

Wyzwanie

Łatwy

Dodaj Picker z tytułem Milk, powiązany ze zmienną milk, z identyfikatorem milk i trzema opcjami: Whole, Oat i Soy, każdą oznaczoną własną nazwą. Pozostaw tekst poniżej, który pokazuje wybrany element.

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

Czym jest SwiftUI Plik aplikacji

4Modyfikatory

Wypełnienie Tła Kolejność modyfikatorów Ramki i kształty Powtórka — tworzenie odznaki

7Listy

ForEach Elementy identyfikowalne Lista Dodawanie elementów Podsumowanie — lista zakupów

10Projekt – Kawiarnia Coddy

Przegląd projektu Ekrany napojów

Wybierz rozmiar

Ilość i suma

Złóż zamówienie

2Wyświetlanie treści

Widoki tekstowe Liczby w tekście Czcionki Kolory SF Symbols Podsumowanie — metka z ceną

5Stan i przyciski

Przyciski Właściwość @State Stan prawda lub fałsz Widoki warunkowe Podsumowanie — licznik punktów

8Nawigacja

NavigationStack NavigationLink Przekazywanie danych Arkusze i alerty Podsumowanie — przewodnik po roślinach

11Wyzwania końcowe

Kalkulator napiwków Lista zadań Gra Prawda czy fałsz

3Stosy i układy

VStack HStack Wyrównanie i odstępy Spacer i ZStack Powtórka — karta pogodowa

6Dane wejściowe użytkownika

Pole tekstowe Przełącznik Przyciski krokowe i suwakSelektorPodsumowanie – formularz zamówienia

9Udostępnianie danych

Właściwość @Binding Obiekty obserwowalne Obiekty środowiskowe Podsumowanie — licznik kroków

Poćwicz samodzielnie: Edytor online SwiftUI