Multiple ViewController in Swift 4 (Part 1)
How to use Multiple ViewController in Swift 4
Series
Pengenalan
Dalam bahasa program swift kita bisa membuat lebih dari satu view dengan satu view controller yang sama. Akan tetapi akan lebih bagus jika masing-masing view memiliki satu view controller. Dengan demikian kita bisa lebih mudah dalam mengatur fungsi atau setiap property pada masing-masing view. Khusus untuk beginer tutorial ini mungkin akan berguna agar lebih memudahkan dalam membuat aplikasi yang baik.
bisa langsung saja ke intinya saja?
Sepertinya sudah tidak sabaran yah??. Ok lah langsung saja kita buat project nya.
Mulai Pembuatan projeknya
1. Langkah Pertama
Kita buat project baru terserah apa nama project yang anda sukai. Dalam tutorial ini nama projectnya adalah ‘MultipleViewController’.
Pastikan yang terpilih adalah Single View App. Kemudian click Next.
Isikan nama project, team, organization name, Organization identifier, dan pastikan language yang terpilih adalah swift. Kemudian click next.
2. Langkah Kedua
Setelah project terbentuk, maka tahap selanjutnya kita menambah view baru. Sebelumnya kita harus tahu apa perbedaan ui view controller dan class view controller. UIViewController adalah suatu layout untuk menambah view baru seperti Button, Label, ImageView, dll. Sedangkan ClassViewController adalah suatu kelas dimana seluruh properti dari UIViewController dapat kita atur value maupun fungsinya. Untuk membuat UIViewController baru, perhatikan gambar berikut ini.
Setelah itu drag view controller ke main storyboard sehingga terbentuk ui view controller baru. Akan tetapi ui ini belum terhubung atau belum memiliki class view controller.
3. Langkah Ketiga
Selanjutnya kita akan membuat class view controller dengan nama SecondViewController. Pada class ini lah kita nantinya akan mengatur apapun yang ada pada ui view controller yang baru kita buat tadi. Untuk mengetahui apakah class view controller sudah terbentuk yaitu lihat properties project pada navigasi sebelah kiri akan ada satu class baru yaitu class view controller tadi (dalam tutor ini class SecondViewController).
4. Langkah Keempat
Setelah class view controller baru terbentuk, maka selanjutnya kita akan menghubungkan ui view controller dengan class view controller. Akan tetapi sebelumnya kita harus memastikan ui view controller yang terselect adalah ui view controller yang baru dan belum memiliki class view controller.
5. Langkah Kelima
Setelah ui view controller terhubung dengan class view controller maka kita tambahkan satu button dan satu textfield pada ui view controller pertama dan satu label pada ui view controller kedua.
6. Langkah Keenam
Buka class view controller milik ui view controller pertama dan drag button dan label ke class view controller dengan cara tekan tombol Ctrl sambil drag ke class view controller.
ulangi langkah diatas untuk ui view controller kedua dan class view controller kedua. Setelah itu drag kembali button ui view controller pertama pada class view controller pertama akan tetapi ubah connectionnya menjadi action. ini merupakan action saat button di click.
Penutup
Saya rasa artikel bagian pertama ini cukup sampai di sini saja biar kita lebih gampang memahaminya.
