Sebaiknya kita mulai

dari mana?

Panduan Xcode 26.6: Cara Cepat Jalankan Aplikasi SwiftUI Pertama di Simulator

 

Halo semuanya!

Di pos sebelumnya, kita udah berhasil setup Xcode 26.6 (versi 17F113) dan bikin project SwiftUI pertama. Nah, sekarang saatnya kita masuk ke momen paling seru: melihat kode yang kita buat tampil dan berjalan di iOS Simulator!

Di panduan kali ini, kita bakal bahas cara memilih perangkat simulator, menjalankan (run) aplikasi, sampai cara troubleshooting singkat kalau emulator kamu terasa agak berat.

1. Mengenal iOS Simulator di Xcode

iOS Simulator adalah alat bawaan Xcode yang bikin kamu bisa mencoba aplikasi iPhone atau iPad langsung di layar Mac tanpa harus punya HP fisik. Simulator yang udah kita unduh kemarin bakal meniru perilaku perangkat iOS secara akurat.

Tips: Pastikan kamu menggunakan macOS versi terbaru agar Simulator dapat berjalan optimal tanpa memakan RAM terlalu besar.


2. Memilih Target Perangkat (Destination)

Sebelum menekan tombol Play, kita harus milih dulu mau menjalankan aplikasi di iPhone tipe apa.

  1. Perhatikan bagian Top Bar (toolbar paling atas di tengah Xcode).

  2. Klik nama perangkat yang sedang aktif (misalnya iPhone 16 Pro atau iPhone 17).

  3. Pilih salah satu simulator yang sudah kamu unduh kemarin dari daftar yang muncul.


3. Jalankan Aplikasi Pertama Kamu (Build & Run)

Sekarang, mari kita jalankan kodenya!

  • Cara 1: Klik tombol Play (Run) berbentuk segitiga di pojok kiri atas toolbar Xcode.

  • Cara 2 (Shortcut): Tekan kombinasi tombol Cmd + R di keyboard kamu.

Xcode bakal mulai proses building (menyiapkan kode) dan otomatis membuka jendela iOS Simulator. Tunggu beberapa detik sampai layar iPhone virtual muncul dan menampilkan tulisan "Hello, world!".


4. Mencoba Fitur Interaktif di Simulator

Simulator ini bukan sekadar gambar diam, lho. Kamu bisa interaksi langsung:

  • Klik & Drag: Menirukan sentuhan jari (tap dan swipe).

  • Shortcut Home Screen: Tekan Cmd + Shift + H buat kembali ke layar utama iPhone virtual.

  • Rotasi Layar: Tekan Cmd + Left/Right Arrow buat tes tampilan landscape.

5. Menggunakan Canvas / Live Preview (Opsional)

Kalau kamu cuma mau liat perubahan desain dengan cepat tanpa perlu buka jendela Simulator penuh, kamu bisa pakai fitur Canvas:

  • Tekan tombol Canvas di pojok kanan atas jendela kode (atau tekan Cmd + Option + Enter).

  • Perubahan pada kode SwiftUI kamu bakal langsung kelihatan secara real-time di samping kode!

---

6. Bedah Ringkas Kode Utama (`ContentView.swift`)

Sebelum kita lanjut, yuk kenalan singkat sama struktur kode default yang ada di file `ContentView.swift`:

```swift
import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundStyle(.tint)
            Text("Hello, Agung!")
        }
        .padding()
    }
}

#Preview {
    ContentView()
}

Berikut penjelasan singkat tiap bagian kodenya:

  • import SwiftUI: Mengimpor framework SwiftUI dari Apple agar kita bisa menggunakan komponen antarmuka (User Interface) modern seperti tombol, teks, dan gambar.

  • struct ContentView: View: Struktur utama dari tampilan aplikasi kita. Semua elemen visual yang ingin kamu tampilkan akan berada di dalam sini.

  • var body: some View: Wadah (container) wajib di SwiftUI yang menampung semua elemen yang akan digambar di layar.

  • VStack (Vertical Stack): Menyusun komponen di dalamnya secara vertikal (dari atas ke bawah).

    • Image(systemName: "globe"): Menampilkan ikon bumi dari pustaka bawaan Apple (SF Symbols).

    • Modifiers (.imageScale, .foregroundStyle): Mengatur ukuran dan warna dari ikon bumi tersebut.

    • Text("Hello, Agung!"): Menampilkan teks ke layar. Kamu bisa ubah teks di dalam tanda kutip ini dengan nama kamu sendiri!

  • .padding(): Memberikan jarak (margin/space) di sekeliling susunan VStack agar tidak terlalu menempel ke tepi layar.

  • #Preview: Blok khusus yang memunculkan tampilan live preview di panel Canvas tanpa harus menjalankan seluruh aplikasi di Simulator.

Penutup & Langkah Selanjutnya

Selamat! Kamu baru aja berhasil menjalankan aplikasi iOS pertama kamu di Simulator Xcode 26.6. Gimana, gampang kan?

Di materi berikutnya, kita bakal mulai ubah-ubah tampilan kodenya biar aplikasi kita makin keren. Kalau ada masalah pas running emulator, tanyain di kolom komentar ya!