Ketika Mulai Membangun UI tanpa Storyboard pada Xcode 11

Ricki Bin Yamin
2 min readJul 13, 2020

--

UIKit yang dibangun tanpa Storyboard pada XCode

Pada artikel Tiga Mode Pemrograman iOS Apps di Xcode (Swift) telah saya sebutkan bahwa salah satu cara membangun UI pada Xcode adalah dengan menghapus storyboard dan mulai mengetikkan komponen-komponennya pada source code seperti pada contoh gambar di atas. Untuk memulai mode pemrograman tersebut, ada sedikit konfigurasi yang perlu dilakukan di awal.

Apabila sebelumnya kita telah terbiasa membangun UI melalui storyboard dan terdapat banyak file storyboard dalam project kita, maka cara mudah untuk memilih storyboard mana yang akan dimasuki apps pertama kali adalah melalui project setting (1), kemudian pastikan yang terpilih adalah targets (2), lalu pilih file storyboard mana yang menjadi main interface (3), seperti gambar di bawah.

Cara untuk mengatur Main Interface storyboard

Namun, jika kita tidak menggunakan storyboard sama sekali dalam membangun UI, bagaimana Xcode bisa tahu View Controller mana yang harus ditampilkan pertama kali saat memulai sebuah apps yang kita bangun?

1. Kosongkan pilihan “Main Interface” pada Project Setting

Kosongkan pilihan Main Interface dengan cara hapus tulisan pada kolom tersebut sehingga akan terlihat kosong seperti pada gambar di bawah ini.

2. Pergi ke Info.plist

Langkah selanjutnya adalah pergi ke file Info.plist, kemudian expand key Application Scene Manifest” -> “Scene Configuration” -> “Application Session Role” -> “Item 0 (Default Configuration)”, lalu hapus baris “Storyboard Name

3. Pergi ke SceneDelegate.swift

Simpelnya, Scene Delegate adalah tempat untuk mengatur life cycle dari sebuah apps. Penjelasan lebih detail mengenai life cycle yang diatur pada Scene Delegate dapat dipelajari dari sini.

Hal yang perlu dilakukan di Scene Delegate adalah mengganti isi function scene(_:willConnectTo:options:) menjadi

Sehingga file SceneDelegate.swift menjadi

Dengan begitu, apps telah mengetahui kelas view controller mana yang akan dimasuki pertama kali saat apps dijalankan.

Demikian cara mudah untuk memulai membangun UI tanpa storyboard pada Xcode. Apabila kalian suka artikel ini, share agar lebih bermanfaat dan jangan lupa berikan claps. :)

--

--