Selector incremental y deslizador
Parte de la sección Introducción a SwiftUI del Journey de Swift de Coddy. Lección 26 de 50.
Un Stepper tiene botones - y + que cambian un número. El rango in: mantiene el valor dentro de los límites:
@State private var cups = 1
Stepper("Cups: \(cups)", value: $cups, in: 1...5)En 5, el botón + deja de funcionar, y en 1 lo hace el botón -. step: cambia en más de uno cada vez.
Un Slider selecciona un Double al arrastrar:
@State private var volume = 50.0
Slider(value: $volume, in: 0...100, step: 5)El estado es un Double, así que escribe 50.0, no 50, cuando lo declares.
Desafío
FácilPermite que el usuario elija cuántas entradas comprar. Reemplaza el texto por un Stepper titulado Tickets: 1, Tickets: 2, ... vinculado a tickets, de 1 a 4. Asigna al stepper el identificador tickets.
Pruébalo tú mismo
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Introducción a SwiftUI
2Mostrar contenido
Vistas de textoNúmeros en el textoFuentesColoresSF SymbolsRepaso: etiqueta de precio6Entrada del usuario
Campo de textoInterruptorSelector incremental y deslizadorSelectorRepaso: formulario de pedidoPractica por tu cuenta: Playground de Swift