Controle Deslizante e Incremental
Parte da seção Introdução ao SwiftUI do Journey de Swift da Coddy. Lição 26 de 50.
Um Stepper tem botões - e + que alteram um número. O intervalo in: mantém o valor dentro dos limites:
@State private var cups = 1
Stepper("Cups: \(cups)", value: $cups, in: 1...5)Em 5, o botão + para de funcionar, e em 1, o botão - também para. step: altera em mais de uma unidade por vez.
Um Slider escolhe um Double ao arrastar:
@State private var volume = 50.0
Slider(value: $volume, in: 0...100, step: 5)O estado é um Double, então escreva 50.0, não 50, ao declará-lo.
Desafio
FácilPermita que o usuário escolha quantos ingressos comprar. Substitua o texto por um Stepper com os títulos Tickets: 1, Tickets: 2, ... vinculado a tickets, de 1 a 4. Dê ao stepper o identificador tickets.
Experimente você mesmo
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Introdução ao SwiftUI
4Modificadores
PreenchimentoPlanos de fundoOrdem dos modificadoresMolduras e formasRecapitulação - Criador de distintivos10Projeto - Coddy Coffee
Visão geral do projetoTelas de bebidas
Escolha um tamanhoQuantidade e totalFazer o pedido5Estado e Botões
BotõesA Propriedade @StateEstado Verdadeiro ou FalsoViews CondicionaisRecapitulação - Marcador de Pontos6Entrada do Usuário
Campo de TextoAlternânciaControle Deslizante e IncrementalSeletorRevisão - Formulário de PedidoPratique por conta própria: Playground de Swift