SwiftUI Academy · Leçon

Choisir des valeurs avec Slider

Sélectionnez un nombre dans une plage avec un curseur.

Leçon 2 sur 413 étapes

Choisir des valeurs avec Slider est une leçon SwiftUI Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage SwiftUI Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours SwiftUI Academy comprend 4 leçons au total.

Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.

Meet the Slider

A Slider lets users drag to pick a number from a range. Think volume, brightness, or any smooth, continuous value. 🎚️

Sliders Hold a Number

A Slider works with a Double. As the user drags the thumb, that value updates continuously across its range.

@State private var volume = 0.5

Bind to State

Connect the Slider to your value with the dollar sign binding, exactly like Toggle. Dragging then updates the number live.

Slider(value: $volume)

Set the Range

By default a Slider runs from 0 to 1. Pass an explicit range to choose your own minimum and maximum.

Slider(value: $volume, in: 0...100)

Snap with a Step

Add a step so the value jumps in fixed increments instead of any decimal, which is great for whole numbers.

Slider(value: $level, in: 0...10, step: 1)

Show the Current Value

Read the bound number to display it, so users see exactly where the slider sits as they drag.

Text("Volume: \(Int(volume))")

Add Edge Labels

Use the closure parameters to put labels at each end of the track, like icons for quiet and loud.

Slider(value: $volume, in: 0...100) {
    Text("Volume")
}

Tint the Track

Color the filled portion of the slider with the tint modifier so it matches your app's style.

Slider(value: $volume).tint(.orange)

Detect Drag Start and End

The onEditingChanged closure fires when dragging begins and ends, handy for committing a value once.

Slider(value: $v) { editing in
    isDragging = editing
}

Drive Other Views

The slider value can control anything. Here it sets a circle's scale, so the shape grows as you drag.

Circle().scaleEffect(volume)

The Full View

This view ties it together: a Slider over a custom range plus a Text that reflects the live value.

struct VolumeView: View {
    @State private var volume = 50.0
    var body: some View {
        Slider(value: $volume, in: 0...100)
        Text("\(Int(volume))")
    }
}

Quick Check

How do you make a Slider produce whole numbers from 0 to 10?

Réponds-y dans la leçon interactive

Recap

A Slider binds to a Double, takes an in range and optional step, and updates live so other views can react. 🎚️

Gratuit pour commencer

Apprends Swift avec un tuteur IA — gratuit

Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.

Cours: 30
Leçons: 120

Commencer gratuitement Voir le cours complet

Questions Fréquemment Posées

La leçon « Choisir des valeurs avec Slider » est-elle gratuite ?

Oui — le texte complet de « Choisir des valeurs avec Slider » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours SwiftUI Academy, passe à CoddyKit PRO. Le cours SwiftUI Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Choisir des valeurs avec Slider » ?

Sélectionnez un nombre dans une plage avec un curseur. Tu pratiques SwiftUI Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer SwiftUI Academy ?

Aucune expérience préalable n'est requise. SwiftUI Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 4.

Combien de temps prend la leçon « Choisir des valeurs avec Slider » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon SwiftUI Academy ?

Oui. Chaque leçon SwiftUI Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

← Retour à SwiftUI Academy