Счётчик и ползунок
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 26 из 50.
У Stepper есть кнопки - и +, которые изменяют число. Диапазон in: удерживает значение в заданных пределах:
@State private var cups = 1
Stepper("Cups: \(cups)", value: $cups, in: 1...5)При значении 5 кнопка + перестаёт работать, а при значении 1 — кнопка -. Параметр step: изменяется сразу более чем на единицу.
Slider выбирает значение Double с помощью перетаскивания:
@State private var volume = 50.0
Slider(value: $volume, in: 0...100, step: 5)Состояние имеет тип Double, поэтому при его объявлении укажите 50.0, а не 50.
Задание
ЛегкоПозвольте пользователю выбрать, сколько билетов купить. Замените текст на Stepper с заголовком Tickets: 1, Tickets: 2, ... привязанный к tickets, от 1 до 4. Задайте степперу идентификатор tickets.
Попробуйте сами
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в SwiftUI
10Проект — Coddy Coffee
Обзор проектаЭкраны напитков
Выбор размераКоличество и итоговая суммаОформление заказа2Отображение содержимого
Текстовые представленияЧисла в текстеШрифтыЦветаSF SymbolsПовторение — ценник5Состояние и кнопки
КнопкиСвойство @StateСостояние «истина или ложь»Условные представленияПовторение — счётчик очков6Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница Swift