SwiftUI Academy · Pelajaran

Kanvas Pratinjau Langsung

Gunakan pratinjau Xcode untuk melihat perubahan UI secara langsung.

Kanvas Pratinjau Langsung adalah pelajaran SwiftUI Academy gratis di CoddyKit. Ini adalah pelajaran 3 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.

Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.

Meet the Canvas

Beside your code, Xcode shows a canvas that renders your view live. You see your UI without ever building and launching the full app. 👀

Show or Hide It

If the canvas is missing, open the Editor menu and turn on Canvas. It appears on the right, next to your Swift code.

The #Preview Block

A small #Preview block at the bottom of the file tells the canvas what to render. The template adds one for ContentView automatically.

#Preview {
    ContentView()
}

Live Updates

Change your code and the canvas refreshes almost instantly. This live update loop is what makes SwiftUI feel fast and playful. ⚡

Try an Edit

Edit the Text view's wording and watch the canvas change as you type. Seeing results immediately makes experimenting safe and fun.

Text("Hello, SwiftUI!")

Resume the Preview

Sometimes the canvas pauses and shows a Resume button. Click it to restart the preview after a change it could not apply live.

Interactive Mode

The play-style live mode lets you tap and scroll right in the canvas. You can test buttons and gestures without a simulator.

Preview Devices

You can point a preview at a specific device, like an iPhone SE. This helps you check how your layout looks on smaller screens.

Multiple Previews

Add more than one #Preview block to compare states side by side, such as light mode next to dark mode at the same time.

Previews Are Not Shipped

Preview code is for development only. It never ships to users, so feel free to fill previews with fake sample data.

Faster Than Building

The canvas is far quicker than a full build. Use it as your main loop while designing, and reach for the simulator only for deeper testing.

Quick Check

Which block in your file tells the canvas what to render?

Recap

The canvas renders your view live via a #Preview block, updating as you type. It is your fastest way to design and iterate. 🎨

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Kanvas Pratinjau Langsung” gratis?

Ya — teks lengkap “Kanvas Pratinjau Langsung” 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 “Kanvas Pratinjau Langsung”?

Gunakan pratinjau Xcode untuk melihat perubahan UI secara langsung. 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 3 dari 4.

Berapa lama pelajaran “Kanvas Pratinjau Langsung” 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

← Kembali ke SwiftUI Academy