0Pricing
Swift Academy · Pelajaran

Pratinjau dan Penyedia Pratinjau

Menggunakan #Preview dan PreviewProvider untuk melihat perubahan secara langsung di Xcode.

Pratinjau dan Penyedia Pratinjau adalah pelajaran Swift 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 Swift Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Swift Academy mencakup 4 pelajaran total.

Selamat Datang

Pratinjau Xcode memungkinkan Anda melihat perubahan SwiftUI secara langsung tanpa menjalankan simulator. Pratinjau ini didefinisikan dengan `#Preview` (Swift 5.9+) atau `PreviewProvider`.

Makro #Preview (Swift 5.9+)

```swift #Preview { ContentView() } ``` Definisi pratinjau paling sederhana—satu baris. Xcode merendernya di kanvas.

PreviewProvider (Gaya Lama)

```swift struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } ```

Beberapa Pratinjau

```swift #Preview("Dark Mode") { ContentView().preferredColorScheme(.dark) } #Preview("iPad") { ContentView().previewDevice("iPad Air (5th generation)") } ```

Menyediakan Data Contoh

```swift #Preview { let model = ViewModel() model.items = ["One","Two","Three"] return ListView(model: model) } ```

previewDisplayName

```swift struct Previews: PreviewProvider { static var previews: some View { Group { ContentView().previewDisplayName("Light") ContentView().preferredColorScheme(.dark).previewDisplayName("Dark") } } } ```

Lingkungan dalam Pratinjau

```swift #Preview { ContentView() .environment(\.locale, .init(identifier:"tr")) .environment(\.sizeCategory, .accessibilityLarge) } ```

@EnvironmentObject dalam Pratinjau

```swift #Preview { ContentView().environmentObject(AppModel()) } ```

Tips Performa Pratinjau

• Pratinjau berjalan dalam proses terpisah • Gunakan data pratinjau yang ringan • Ekstrak data khusus pratinjau ke dalam `extension PreviewProvider` • Hindari panggilan jaringan dalam kode pratinjau

Pratinjau Langsung

Klik tombol ▶ di kanvas pratinjau untuk mengaktifkan Pratinjau Langsung—mode interaktif yang memungkinkan ketukan tombol dan masukan bidang teks bekerja secara waktu nyata.

Pemeriksaan Cepat

Makro Swift 5.9+ mana yang membuat pratinjau SwiftUI?

Ringkasan

Inti pembelajaran: • `#Preview { }`—pratinjau satu baris untuk Swift 5.9+ • `PreviewProvider`—pendekatan berbasis protokol yang lebih lama • Beberapa pratinjau dengan nama, perangkat, dan skema warna yang berbeda • Masukkan lingkungan dan environmentObject dalam pratinjau • Pratinjau Langsung memungkinkan pengujian interaktif tanpa menjalankan aplikasi Kursus selesai! Selanjutnya: Tata Letak SwiftUI.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Pratinjau dan Penyedia Pratinjau” gratis?

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

Apa yang akan aku pelajari di “Pratinjau dan Penyedia Pratinjau”?

Menggunakan #Preview dan PreviewProvider untuk melihat perubahan secara langsung di Xcode. Kamu berlatih Swift 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 Swift Academy?

Tidak diperlukan pengalaman sebelumnya. Swift 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 “Pratinjau dan Penyedia Pratinjau” 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 Swift Academy ini?

Ya. Setiap pelajaran Swift 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

  1. Protokol View dan Properti Body
  2. @State: Keadaan Lokal yang Dapat Diubah dalam View
  3. Modifier View: Perangkaian dan Modifier Kustom
  4. Pratinjau dan Penyedia Pratinjau
← Kembali ke Swift Academy