Mengekstrak Tampilan yang Dapat Digunakan Kembali
Pisahkan UI menjadi sub-tampilan yang dapat disusun.
Mengekstrak Tampilan yang Dapat Digunakan Kembali adalah pelajaran SwiftUI Academy gratis di CoddyKit. Ini adalah pelajaran 1 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.
Mengapa Mengekstrak Tampilan?
Ketika body tampilan menjadi panjang dan berulang, kode sulit dibaca. Memindahkan bagian-bagiannya ke tampilan sendiri membuat kode lebih jelas melalui extraction. 🧩
Tampilan Hanyalah Struct
Setiap tampilan SwiftUI adalah struct kecil yang memenuhi View. Membuat tampilan baru yang dapat digunakan kembali sesederhana menulis struct lain.
struct AvatarView: View {
var body: some View { Image("me") }
}Pindahkan Satu Bagian
Temukan blok mandiri di dalam body lalu pindahkan ke tampilan sendiri. Body induk menjadi lebih pendek dan intent-nya langsung terlihat.
Berikan Data melalui Properti
Tampilan yang dapat digunakan kembali menerima input sebagai properties tersimpan biasa. Induk menyediakan nilainya saat membuat turunan.
struct Badge: View {
let count: Int
var body: some View { Text("\(count)") }
}Gunakan Kembali di Mana Saja
Setelah diekstrak, Anda dapat memasukkan tampilan yang sama di banyak tempat dengan data berbeda. Satu definisi, banyak uses.
Badge(count: 3)
Badge(count: 12)Nilai Default Membantu
Berikan sebuah properti nilai default agar pemanggil dapat melewatinya. Kasus umum tetap singkat, sementara kasus khusus masih dapat disesuaikan.
struct Tag: View {
var color: Color = .blue
var body: some View { Capsule().fill(color) }
}Pertahankan Fokus Tampilan
Tampilan yang dapat digunakan kembali dengan baik melakukan one hal. Jika menangani banyak tugas, pecah lagi menjadi bagian yang lebih kecil dan jelas.
Beri Nama Berdasarkan Peran
Beri nama tampilan berdasarkan hal yang diwakilinya, seperti ProfileHeader atau PriceTag. name yang jelas memberi tahu pembaca kapan harus menggunakannya.
Pratinjau untuk Setiap Tampilan
Setiap tampilan yang diekstrak dapat memiliki preview sendiri. Anda dapat melihatnya secara terpisah dan mengubahnya tanpa menjalankan seluruh aplikasi.
#Preview {
Badge(count: 5)
}Body Lebih Kecil, Pengeditan Lebih Cepat
Body yang singkat lebih mudah diproses oleh kompiler dan Anda. Ekstraksi mengubah body raksasa menjadi composition rapi yang terdiri dari bagian-bagian bernama.
Susun, Jangan Ulangi
Alih-alih menyalin-tempel UI, buat tampilan kecil dan compose tampilan tersebut. Perbaiki bug sekali dan setiap layar yang menggunakannya ikut membaik.
Pemeriksaan Singkat
Pemeriksaan singkat tentang ekstraksi tampilan.
Ringkasan: Pindahkan dan Gunakan Kembali
Pindahkan UI yang berulang ke dalam structs yang berfokus, dengan properti untuk data. Anda mendapatkan body yang lebih singkat, nama yang lebih jelas, dan UI yang dapat diperbaiki di satu tempat. 🧠
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
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Mengekstrak Tampilan yang Dapat Digunakan Kembali” gratis?
Ya — teks lengkap “Mengekstrak Tampilan yang Dapat Digunakan Kembali” 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 “Mengekstrak Tampilan yang Dapat Digunakan Kembali”?
Pisahkan UI menjadi sub-tampilan yang dapat disusun. 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 1 dari 4.
Berapa lama pelajaran “Mengekstrak Tampilan yang Dapat Digunakan Kembali” 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
- Mengekstrak Tampilan yang Dapat Digunakan Kembali
- ViewModifiers Kustom
- ButtonStyle & LabelStyle
- ViewBuilder & Container Generik