SwiftUI Academy · Pelajaran

Memilih Opsi dengan Picker

Sediakan pilihan menggunakan picker menu dan tersegmentasi.

Pelajaran 4 dari 413 langkah

Memilih Opsi dengan Picker adalah pelajaran SwiftUI Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar SwiftUI Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus SwiftUI Academy mencakup 4 pelajaran total.

Mengenal Pemilih

Pemilih memungkinkan pengguna memilih satu opsi dari beberapa pilihan. Komponen ini cocok untuk memilih kategori, warna, atau paket. 📋

Pemilih Melacak Pilihan

Pemilih menyimpan nilai yang dipilih dalam state. Saat pengguna memilih, properti yang terikat akan diperbarui agar sesuai.

@State private var fruit = "Apple"

Ikat Pilihan

Berikan label dan pengikatan pilihan agar pemilih mengetahui properti yang harus dibaca dan diperbarui.

Picker("Fruit", selection: $fruit) {
    // options go here
}

Daftarkan Opsi

Di dalam closure, tambahkan satu tampilan untuk setiap pilihan dan beri masing-masing nilai menggunakan tag agar pilihan dapat dicocokkan.

Text("Apple").tag("Apple")
Text("Pear").tag("Pear")

Mengulang dengan ForEach

Untuk banyak pilihan, buat semuanya dengan ForEach melalui array, bukan menulis setiap baris secara manual.

ForEach(fruits, id: \.self) { name in
    Text(name).tag(name)
}

Cocokkan Tipe Pilihan

Tipe pilihan harus cocok dengan tipe tag. Jika Anda memilih String, setiap tag juga harus berupa String.

Gaya Menu

Terapkan pickerStyle untuk mengubah tampilan. Gaya menu menampilkan pilihan saat ini dan memunculkan opsi ketika diketuk.

Picker("Fruit", selection: $fruit) { }
    .pickerStyle(.menu)

Gaya Tersegmentasi

Untuk beberapa opsi singkat, gaya tersegmentasi menyusunnya sebagai baris tombol yang berdampingan.

.pickerStyle(.segmented)

Gaya Roda

Gaya roda menampilkan drum yang berputar, cocok untuk tanggal atau daftar panjang yang terasa alami saat digulir.

.pickerStyle(.wheel)

Merespons Pilihan

Baca nilai yang terikat di mana pun untuk merespons pilihan pengguna, misalnya menampilkan buah yang dipilih dalam Text.

Text("You picked \(fruit)")

Tampilan Lengkap

Inilah pemilih lengkap: pengikatan pilihan, opsi dari ForEach, dan gaya tersegmentasi yang diterapkan.

struct ChooseView: View {
    @State private var fruit = "Apple"
    let fruits = ["Apple", "Pear"]
    var body: some View {
        Picker("Fruit", selection: $fruit) {
            ForEach(fruits, id: \.self) { Text($0).tag($0) }
        }
    }
}

Pemeriksaan Singkat

Mengapa setiap opsi pemilih harus diberi tag?

Jawab di pelajaran interaktif

Ringkasan

Pemilih terikat ke suatu pilihan, memberi tag pada setiap opsi, dan mengubah tampilan dengan gaya menu, tersegmentasi, atau roda. 📋

Gratis untuk memulai

Belajar Swift dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus: 30
Pelajaran: 120

Mulai belajar gratis Lihat kursus lengkapnya

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Memilih Opsi dengan Picker” gratis?

Ya — teks lengkap “Memilih Opsi dengan Picker” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus SwiftUI Academy, upgrade ke CoddyKit PRO. Kursus SwiftUI Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Memilih Opsi dengan Picker”?

Sediakan pilihan menggunakan picker menu dan tersegmentasi. Kamu berlatih SwiftUI Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai SwiftUI Academy?

Tidak diperlukan pengalaman sebelumnya. SwiftUI Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.

Berapa lama pelajaran “Memilih Opsi dengan Picker” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran SwiftUI Academy ini?

Ya. Setiap pelajaran SwiftUI Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke SwiftUI Academy