Swift Academy · Pelajaran

Memahami Identiti View

Kawal cara SwiftUI membandingkan dan menggunakan semula view.

Pelajaran 1 daripada 413 langkah

Memahami Identiti View ialah pelajaran Swift Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Swift Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Swift Academy merangkumi sejumlah 4 pelajaran.

Identiti Menggerakkan SwiftUI

SwiftUI menjejak setiap paparan berdasarkan identitinya untuk menentukan sama ada hendak mengemas kini paparan sedia ada atau mencipta paparan baharu.

Mendapatkan identiti yang betul ialah faktor paling penting untuk ketepatan dan prestasi.

Dua Jenis Identiti

SwiftUI menggunakan dua bentuk: identiti struktur (kedudukan paparan dalam pepohon paparan) dan identiti eksplisit (id yang anda tetapkan).

Identiti Struktur

Secara lalai, identiti paparan datang daripada kedudukannya dalam hierarki. Cabang if di bawah mencipta dua paparan yang berbeza dari segi struktur.

var body: some View {
    if isOn {
        Text("On")  // one identity
    } else {
        Text("Off") // a different identity
    }
}

Mengapa Cabang Kehilangan Keadaan

Oleh sebab setiap cabang mempunyai identiti struktur yang berbeza, pertukaran antara cabang memusnahkan paparan pertama dan mencipta paparan kedua. Sebarang @State di dalamnya akan ditetapkan semula.

if isExpanded {
    DetailView() // new instance each time the branch flips
} else {
    SummaryView()
}

Identiti Eksplisit dengan id()

Pengubah suai .id(_:) menetapkan identiti eksplisit. Menukar id memberitahu SwiftUI "ini ialah paparan yang berbeza", lalu memaksa tika baharu dan menetapkan semula keadaan.

CounterView()
    .id(selectedTab) // new identity per tab

Identiti dalam ForEach

ForEach memerlukan identiti yang stabil bagi setiap elemen. Gunakan laluan kunci kepada id yang stabil, dan jangan sekali-kali gunakan indeks tatasusunan untuk koleksi boleh ubah.

ForEach(items, id: \.id) { item in
    RowView(item: item)
}

Perangkap Identiti Indeks

Menggunakan id: \.self pada indeks atau nilai yang berubah akan menyusun semula identiti apabila data berubah, lalu menyebabkan animasi yang salah dan kehilangan keadaan.

// Risky if items reorder or values repeat:
// ForEach(0..<items.count, id: \.self) { ... }

Identiti dan Animasi

Animasi melakukan interpolasi antara keadaan bagi identiti yang sama. Jika identiti berubah, SwiftUI melakukan peralihan sisipan/pembuangan dan bukannya animasi yang lancar.

withAnimation {
    // same identity -> property animates
    // changed id     -> transition (fade/slide)
}

Pengubah Suai Bersyarat Mengubah Identiti

Menggunakan pengubah suai di dalam if boleh mengubah identiti struktur dan menetapkan semula keadaan. Utamakan satu paparan dengan nilai pengubah suai yang dikira secara bersyarat.

// Better: keep one identity
Text("Hi")
    .opacity(isHidden ? 0 : 1)
// Worse: branching creates two identities

AnyView Memadam Maklumat Identiti

Membungkus paparan dalam AnyView menyembunyikan jenisnya daripada SwiftUI, lalu mengurangkan keupayaannya untuk membezakan paparan dengan cekap. Gunakan jenis konkrit atau @ViewBuilder jika boleh.

// Prefer @ViewBuilder over returning AnyView
@ViewBuilder
func content() -> some View {
    if flag { A() } else { B() }
}

Identiti Stabil = Keadaan Stabil

Peraturan umum: kekalkan identiti stabil apabila anda mahu keadaan dan animasi lancar dikekalkan; ubah identiti dengan sengaja apabila anda benar-benar mahukan permulaan baharu.

Semakan Pantas: Identiti Paparan

Uji pemahaman anda tentang identiti paparan.

Jawab dalam pelajaran interaktif

Imbas Kembali: Memahami Identiti Paparan

SwiftUI mengenal pasti paparan secara struktur (kedudukan dalam pepohon) dan secara eksplisit (.id). Identiti yang stabil mengekalkan @State dan membolehkan animasi sifat yang lancar; menukar identiti menetapkan semula keadaan dan mencetuskan peralihan.

Berikan id yang stabil kepada ForEach, elakkan identiti indeks untuk data boleh ubah, kurangkan percabangan yang menukar identiti, dan elakkan AnyView apabila jenis konkrit boleh digunakan.

Percuma untuk bermula

Pelajari Swift dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 122
Pelajaran: 409

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Memahami Identiti View” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Swift Academy, termasuk “Memahami Identiti View”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Swift Academy merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Memahami Identiti View”?

Kawal cara SwiftUI membandingkan dan menggunakan semula view. Anda berlatih Swift Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Swift Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Swift Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.

Berapa lamakah pelajaran “Memahami Identiti View” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Swift Academy ini?

Ya. Setiap pelajaran Swift Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Swift Academy