Toggle

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

Toggle adalah sakelar nyala/mati yang terikat ke Bool:

@State private var notifications = true

Toggle("Notifications", isOn: $notifications)

Judul ditampilkan di sebelah kiri dan tombol geser di sebelah kanan. Menggeser tombol akan menulis ke notifications melalui binding, dan apa pun yang membaca nilai tersebut akan diperbarui:

Text(notifications ? "You will get alerts" : "Alerts are off")

Tantangan

Mudah

Tambahkan Toggle berjudul Wi-Fi, yang terhubung ke wifi, dengan identifier wifi. Teks status harus bertuliskan Connected saat toggle aktif dan Offline saat tidak aktif.

Coba sendiri

import SwiftUI

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

Uji dirimu

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

Semua pelajaran di Pengenalan SwiftUI

1Pengenalan

Apa Itu SwiftUI Mengenal file aplikasi

4Pengubah

Padding Latar Belakang Urutan Pengubah Bingkai dan Bentuk Rangkuman: Pembuat Lencana

7Lists

ForEach Item yang Dapat Diidentifikasi List Menambahkan Item Rangkuman: Daftar Belanja

10Proyek, Coddy Coffee

Gambaran Proyek Layar Minuman

Pilih Ukuran

Jumlah dan Total

Buat Pesanan

2Menampilkan Konten

Tampilan Teks Angka dalam Teks Font Warna SF Symbols Rangkuman: Label Harga

5State dan Tombol

Tombol Property @State State Benar atau Salah View Bersyarat Ulasan: Pencatat Skor

8Navigasi

NavigationStack NavigationLink Meneruskan Data Sheet dan Alert Ulasan, Panduan Tanaman

11Tantangan Akhir

Kalkulator Tip Daftar Tugas Permainan Benar atau Salah

3Stack dan Tata Letak

VStack HStack Perataan dan Jarak Spacer dan ZStack Ringkasan, Kartu Cuaca

6Input Pengguna

TextFieldToggleStepper dan Slider Picker Rangkuman: Formulir Pesanan

9Berbagi Data

property @Binding object yang Dapat Diamati object Environment Ringkasan: Penghitung Langkah

Latihan sendiri: Playground SwiftUI