Swift Academy · Pelajaran

View Equatable dan Skop @State

Kecilkan skop keadaan untuk mengehadkan pembatalan kesahan.

Pelajaran 3 daripada 413 langkah

View Equatable dan Skop @State ialah pelajaran Swift Academy percuma di CoddyKit. Ini ialah pelajaran 3 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.

Kesamaan Boleh Mengelakkan Kerja

Jika SwiftUI dapat membuktikan bahawa masukan paparan tidak berubah, SwiftUI boleh melangkau pemaparan semulanya. Menjadikan paparan Equatable memberikan SwiftUI cara yang tepat untuk membuat keputusan itu.

Mematuhi Equatable

Jadikan paparan anda mematuhi Equatable, kemudian SwiftUI membandingkan nilai lama dan baharu. Jika nilainya sama, SwiftUI melangkau body.

struct Badge: View, Equatable {
    let count: Int
    var body: some View { Text("\(count)") }
    static func == (a: Badge, b: Badge) -> Bool {
        a.count == b.count
    }
}

EquatableView

Anda juga boleh membungkus mana-mana paparan Equatable dengan .equatable() untuk meminta pelangkauan berasaskan perbandingan tanpa mengubah tapak panggilan jenis itu di seluruh kod.

Badge(count: total)
    .equatable()

Apabila Equatable Membantu

Equatable sangat berguna untuk paparan dengan masukan yang murah untuk dibandingkan tetapi body yang mahal. Kos perbandingan mestilah jauh lebih rendah daripada kos pemaparan supaya usaha ini berbaloi.

Perangkap Kos Perbandingan

Jika == anda sendiri mahal, seperti perbandingan mendalam bagi tatasusunan besar, kosnya mungkin lebih tinggi daripada pemaparan yang cuba anda elakkan. Bandingkan hanya medan yang murah dan menentukan keputusan.

static func == (a: Self, b: Self) -> Bool {
    a.id == b.id && a.version == b.version // cheap fields
}

Equatable Terjana Secara Lalai

Jika semua sifat tersimpan ialah Equatable, Swift boleh menjana == secara automatik. Namun, penutupan dan sesetengah jenis tidak mematuhi Equatable, jadi anda mungkin memerlukan pelaksanaan tersuai yang mengabaikannya.

struct Card: View, Equatable {
    let title: String
    let onTap: () -> Void // not Equatable
    static func == (a: Card, b: Card) -> Bool { a.title == b.title }
    var body: some View { Text(title) }
}

Mengecilkan Skop @State

Keadaan yang diletakkan terlalu tinggi menyebabkan segala-galanya di bawahnya dipaparkan semula. Turunkan @State ke paparan terkecil yang memilikinya supaya perubahan hanya menjejaskan bahagian UI yang paling sedikit.

// Move toggle state into the row that uses it
struct Row: View {
    @State private var expanded = false
    var body: some View { /* only this row re-renders */ Text("Row") }
}

Naikkan Keadaan Hanya Apabila Dikongsi

Naikkan keadaan hanya apabila beberapa paparan benar-benar memerlukannya. Jika tidak, keadaan setempat mengecilkan lingkungan kesan pemaparan semula.

Ekstrak Subpaparan untuk Mengasingkan Kemas Kini

Mengekstrak bahagian yang kerap berubah ke dalam paparan tersendiri mengehadkan penilaian semula kepada paparan itu, tanpa menjejaskan paparan sekeliling.

struct LiveClock: View {
    @State private var now = Date()
    var body: some View { Text(now, style: .time) }
}

Pengikatan dan Skop

@Binding menghubungkan anak dengan keadaan parent. Menghantar pengikatan yang sempit, iaitu satu medan, dan bukannya keseluruhan objek, mengehadkan perubahan yang disebarkan.

struct NameField: View {
    @Binding var name: String // narrow binding
    var body: some View { TextField("Name", text: $name) }
}

Gabungkan Equatable dengan Skop

Hasil terbaik diperoleh dengan menggabungkan teknik: meletakkan keadaan pada skop yang sempit untuk mengurangkan pencetus, kemudian menggunakan Equatable untuk melangkau pemaparan yang masih berlaku.

Semakan Pantas: Paparan Equatable

Uji pemahaman anda tentang paparan Equatable dan skop keadaan.

Jawab dalam pelajaran interaktif

Imbas Kembali: Paparan Equatable dan Skop Keadaan

Menjadikan paparan Equatable atau menggunakan .equatable() membolehkan SwiftUI melangkau pemaparan yang tidak berubah—berbaloi apabila perbandingan jauh lebih murah daripada pemaparan, dengan hanya menggunakan medan yang menentukan keputusan.

Kecilkan @State kepada paparan pemilik yang paling kecil, hantar pengikatan yang sempit, dan ekstrak bahagian yang kerap berubah ke dalam paparan tersendiri. Menggabungkan skop keadaan yang ketat dengan Equatable menghasilkan pemaparan semula yang paling sedikit dan paling murah.

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 “View Equatable dan Skop @State” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Swift Academy, termasuk “View Equatable dan Skop @State”, 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 “View Equatable dan Skop @State”?

Kecilkan skop keadaan untuk mengehadkan pembatalan kesahan. 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 3 daripada 4.

Berapa lamakah pelajaran “View Equatable dan Skop @State” 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