Выбор
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 27 из 50.
Picker выбирает одно значение из списка вариантов. Каждый вариант является представлением с .tag, а тег выбранного варианта записывается в привязанное состояние:
@State private var size = "Medium"
Picker("Size", selection: $size) {
Text("Small").tag("Small")
Text("Medium").tag("Medium")
Text("Large").tag("Large")
}Теги должны иметь тот же тип, что и состояние, — здесь это String. .pickerStyle(.segmented) отображает варианты в виде ряда сегментов:
Picker("Size", selection: $size) {
Text("S").tag("Small")
Text("L").tag("Large")
}
.pickerStyle(.segmented)
Задание
ЛегкоДобавь Picker с заголовком Milk, привязанный к milk, с идентификатором milk и тремя вариантами: Whole, Oat и Soy, каждый из которых помечен своим именем. Оставь текст под ним, который показывает выбранный вариант.
Попробуйте сами
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в SwiftUI
10Проект — Coddy Coffee
Обзор проектаЭкраны напитков
Выбор размераКоличество и итоговая суммаОформление заказа2Отображение содержимого
Текстовые представленияЧисла в текстеШрифтыЦветаSF SymbolsПовторение — ценник5Состояние и кнопки
КнопкиСвойство @StateСостояние «истина или ложь»Условные представленияПовторение — счётчик очков6Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница Swift