iOS教程— Kenalan Dengan ViewController dan View

Setelah lama vakum nulis,akhirnya ada kesempatan mood untuk nulis lagi,教程kali ini saya pengen membahas hasil belajar saya di iOS,ini masih sederhana banget tentang dasar ViewController pada iOS。 Jadi教程kali ini kita阿肯色膜sebuah aplikasi扬terdapat 2页,yaitu页pertama berisi Button unduk memanggil aksi ke页kedua。 Setelah ini saya jelaskan tentang kosep视图和ViewController。

ViewController dan View,它是如何工作的?

Oke sebelum membuat项目,marisaya kenalkan和ViewController。 ViewController adalah fondasi utama dari sebuah应用程序,jadi setidaknya pada satu tampilan杨muncul pada aplikasi kita setidaknya memiliki sebuah viewcontroller sebagai根atau hierarki paling atas dari tampilan tersebut。 Pada sebuah viewvontroller bisa menampung banyak view,dan pada view juga dapat diberikan viewcontroller juga dengan status sebagai child dari induk viewnya,jadi kurang lebih kalau di visualisasikan seperti berikut:((ini versi sesat,jangan ditiru)

Hierarki Sebuah ViewController Ini Salah,Setelah Di Revisi Sama Master Master iOS😀(Saya Edit yang Terbaru dibawah)

Ternyata视图cuma bisa memberi儿童berupa视图lain saja,jadi tidak dapat menaruh sebuah viewcontroller(terima kasih buat para master iOS sudah koreksi habis habisan😀),jika kita ingin menambahkan viewcontroller lain,maka kita pera selulas sejeah容器视图),sehingga nanti tampilannya阿肯贾迪seperti ini:

Disana Terdapat 2容器视图yang isinya merujuk pada viewcontroller,ini ngakaksaya jelaskan disini,biar gak tambah bingung😀

Nah dari gambar diatas dapat kita lihat bagaimana Viewcontroller root / utama bekerja。 Lalu apakah yang dimaksud denngan视图itu sendiri吗?

查看sendiri adalah画布untuk kita nggambar,eh salah maksudnya untuk merancang tampilan yang kita inginkan,kita bisa menaruh button,imageview,文本bahkan viewcontroller juga seperti yang saya gambarkan pada visualisasi diatas,dan lain lag terhanthanhan。 Sampai pada tahap ini sudah jelas ya apa maksud ViewController? Xcode kita的真实项目。

真实项目

打开Xcode dan buat项目,pilih单视图应用程序,isi sesuai kebutuhan nama项目dan包,pilih languagenya menggunakan swift dan devicenya iphone,下一个dan simpan lokasi项目kita。

Maka akan muncul window seperti berikut:

Pada文件导航sebelah kiri silahkan pilih Main.storyboard sehingga akan muncul tampilan故事板tempat kita berkreasi。 Untuk tampilan di tengah tesebut yang gede segede gaban,itulah yang disebut viewcontroller,jika kita lihat pada sebelah kanan file navigation tersebut terdapat susunan hierarki scene dari viewcontroller tersebut,Nah jika kita ndak sreg densil tampilan kan sreg dengan tampilan tesebut seperti pada gambar diatas,sehingga akan muncul属性检查员dan silahkan gunakan size yang diingikan pada下拉列表,4位iphone。

Setelah itu coba kita tambahkan sebuah button pada view,cukup拖放saja ke dalam viewnya,sehingga akan menampilkan tampilan seperti berikut:

Silahkan modifikasi warna tombol dan warna文本pada tombolnya jika ingin terlihat lebih menarik,untuk posisi tombol terserah sebelah mana,karena pada教程selanjutnya saya akan mengenalkan pada AutoLayout(详细信息akan dibahas lebih distune,

奥克苏达? 不,sekarang silahkan tambahkan viewcontoller baru pada故事板kita(bukan pada view yang sudah kita buat lho ya),cukup拖放saja dak kecilkan sizenya sehingga muncul seperti berikut:

Lalu klik tombol yang kita buat tadi dan tekan control dan tarik pada viewcontroller baru yang sudah kita buat,dan jika muncul dialog action,pilih show,contoh seperti berikut:

Jika berhasil maka akan ada panah yang menunjukan viewcontroller kita sudah terhubung dan jika tombol tersebut di klik akan memunculkan view baru yang kita buat,untuk mempermudah mengidentifikasi silahkan rubah warna viewcontroller ke dua。

Silahkan运行项目Tersebut Pada模拟器Dan Pilih设备iphone 4s,Lalu gimana tombol返回ke viewcontroller sebelumnya吗? nah ini教程Bonnynya,konsep ini adalah seperti mater detail,contohnya adalah seperti aplikasi setting pada iphone kita,disana secara otomatis terdapat back pada tampilan sebelumnya jika kita click item yang ada,ini disebut dengan Navigationh,karamenuphahle dahhhhhhhhh,cara menup目标kita,dan klik编辑器pada菜单xcode,pilih嵌入-> pilih导航控制器,sehingga akan muncul viewcontroller baru pada indikator awal aplikasi di lauch,yaitu viewcontroller untuk导航控制器,sehingga akan muncul seperti berikut:

Silahkan run dan tampilan apps yang sudah kita buat sudah memiliki navigation untuk melakukan back pada viewcontroller sebelumnya。

Diatas adalah教程sederhana yang saya buat,untuk pembahasan selanjutnya saya akan buat mengenai tentang autolayout,semoga sempat dan tidak terhalang心情拉吉。 Sekian教程dari saya semoga教程ini bermanfaat。

Untuk referensi lebih详细信息tentang viewcontroller bisa dibaca pada链接berikut:
https://developer.apple.com/library/ios/featuredarticles/ViewControllerPGforiPhoneOS/

编码愉快! 🙂