Steppeur et curseur
Fait partie de la section Introduction à SwiftUI du Journey Swift de Coddy. Leçon 26 sur 50.
Un Stepper possède des boutons - et + qui modifient un nombre. La plage in: maintient la valeur dans les limites :
@State private var cups = 1
Stepper("Cups: \(cups)", value: $cups, in: 1...5)À 5, le bouton + cesse de fonctionner, et à 1, c’est le cas du bouton -. step: change de plus d’une unité à la fois.
Un Slider sélectionne un Double par glissement :
@State private var volume = 50.0
Slider(value: $volume, in: 0...100, step: 5)L’état est un Double, alors écrivez 50.0, et non 50, lorsque vous le déclarez.
Défi
FacileLaissez l’utilisateur choisir combien de billets acheter. Remplacez le texte par un Stepper intitulé Tickets: 1, Tickets: 2, ... lié à tickets, de 1 à 4. Donnez au stepper l’identifiant tickets.
Essayez vous-même
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Introduction à SwiftUI
4Modificateurs
Marge intérieureArrière-plansOrdre des modificateursCadres et formesRécapitulatif - Créateur de badges
2Afficher du contenu
Vues de texteNombres dans le textePolicesCouleursSymboles SFRécapitulatif - Étiquette de prix5État et boutons
BoutonsLa propriété @StateÉtat vrai ou fauxVues conditionnellesRécapitulatif - Compteur de score3Piles et mise en page
VStackHStackAlignement et espacementSpacer et ZStackRécapitulatif - Carte météo6Saisie utilisateur
Champ de texteInterrupteurSteppeur et curseurSélecteurRécapitulatif - Formulaire de commandeEntraînez-vous par vous-même : Playground Swift