Menu
CoddyTech

Stepper dan Slider

Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 26 dari 50.

Stepper memiliki tombol - dan + yang mengubah angka. Rentang in: menjaga nilai tetap dalam batas:

@State private var cups = 1

Stepper("Cups: \(cups)", value: $cups, in: 1...5)

Pada 5, tombol + berhenti berfungsi, dan pada 1, tombol - juga berhenti berfungsi. step: berubah lebih dari satu setiap kali.

Slider memilih Double dengan cara menyeret:

@State private var volume = 50.0

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

State tersebut bertipe Double, jadi tulis 50.0, bukan 50, saat kamu mendeklarasikannya.

challenge icon

Tantangan

Mudah

Biarkan pengguna memilih jumlah tiket yang akan dibeli. Ganti teks dengan Stepper berjudul Tickets: 1, Tickets: 2, ... yang terhubung ke tickets, dari 1 hingga 4. Berikan stepper tersebut identifier tickets.

Coba sendiri

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Pengenalan SwiftUI

Latihan sendiri: Playground SwiftUI