(Tutorial Ios) Tab Sajian With Tab Kafe Controller


Membuat hidangan Tab pada apps iOS kita sanggup memakai Tab Bar Controller. Beberapa view controller sanggup direlasikan ke Tab Bar Controller. Beberapa pola apps yang memakai hidangan tab.


Berbeda dengan Android, posisi Tab di iOS berada di bab bawah layar.

Pada postingan kali ini saya akan membahas bagaimana menciptakan Tab dengan Tab Bar Controller.

Buat project gres di Xcode, kemudian buka Main.storyboard. Desain storyboard nantinya akan menyerupai ini.


Pada storyboard terdiri dari Tab Bar Controller dan 4 buah View Controller yang mempunyai korelasi dengan Tab Bar Controller.

Drag & drop Tab Bar Controller, kemudian letakkan di storyboard.


Lalu tambahkan 4 View Controller di storyboard. Control drag dari Tab Bar Controller kemudian pilih Relationship Segue untuk merelasikan.


Pada View Controller pertama, kita jadikan sebagai Home.



Untuk menambahkan icon & mengedit title sanggup diatur di Attributes Inspector.


Lakukan hal yang sama pada 3 buah View Controller lainnya.

Setelah selesai, coba build dan jalankan maka balasannya menyerupai berikut :



Custom Tab Bar

Kita sanggup meng-custom tab menyerupai warna background tab dan tint icon. Buka file AppDelegate dan tambahkan instruksi berikut di dalam method application:

AppDelegate.swift 
….  func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {         // Override point for customization after application launch.              UITabBar.appearance().tintColor = UIColor(red: 244/255, green: 67/255, blue:54/255, alpha: 1.0)         UITabBar.appearance().barTintColor = UIColor.blackColor()         return true     }  ….
Build dan jalankan lagi maka balasannya menyerupai berikut :


Source code sanggup dilihat di https://github.com/andronut/TabBar-iOS

Sekian tutorial kali ini, biar bermanfaat.
Terima Kasih !

Happy Coding :)

More Reference : https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/UIKitUICatalog/UITabBar.html

Comments

Post a Comment

Popular posts from this blog

Tugas Komplemen Terakhir

(Ainun Najib) 1. Buat sebuah aplikasi berbasis GUI untuk registrasi siswa gres : - hitung nilai tes untuk mata pelajaran tertentu dan jikalau rata-rata <  70 maka gagal - inputkan data-data siswa dan simpan dalam database - tampilkan data dalam bentuk tabel - data sanggup disimpan, diedit, dihapus dan dicari (Moh. Fachrudin) 2. Buat sebuah aplikasi berbasis GUI untuk registrasi musyrif gres : - hitung nilai tes b.arab, b.ing, Afkar, dan Al-Quran dan jikalau rata - rata < 70 maka gagal - inputkan data-data siswa dan simpan dalam database - tampilkan data dalam bentuk tabel - data sanggup disimpan, diedit, dihapus dan dicari (Aulia) 3. Buat sebuah aplikasi berbasis GUI untuk menghitung nilai selesai suatu matakuliah dan berikan nilai huruf.    - Rumus nilai selesai = kiprah 20% + uts 30% + uas 50 %    - Berikan nilai karakter :       46-55 Nilai C         56-65 Nilai C+       66-75 Nilai B       76-85 Nilai B+       86-100 Nilai - inputkan data-data mahasi
Read more

Transmisi Data

Image
Transmisi Data Transmisi data merupakan suatu proses pengiriman atau transfer data dari pengirim(source) ke penerima(destination). Data dari pengirim(source) tidak ditransmisikan secara pribadi dalam bentuk data, melainkan dengan memakai transmitter. Transmitter disini berfungsi untuk mengubah atau mengkodekan informasi(data) menjadi sebuah sinyal elektromagnetik. Kemudian sinyal akan ditransmisikan melalui media transmisi. Sinyal dari source akan ditangkap oleh receiver untuk diubah atau dikodekan kembali menjadi data. Kemudian data tersebut diterima oleh penerima(destination).   Contoh transmisi data Keberhasilan atau kesuksesan sebuah transmisi data ditentukan oleh dua faktor ialah : - Kualitas dari sinyal yang ditransmisikan - Karakteristik media transmisi Media Transmisi Transmisi data terjadi antara transmitter dan receiver melalui media transmisi. Media transmisi dibagi menjadi dua ialah : a. Guided : Data ditransmisikan dalam bentuk gelombang melalui sepanjan
Read more

Konsep Oop Encapsulation

Image
Encapsulation biasa disebut dengan Information Hidding. Encapsulation merupakan kombinasi dari data dan method pada paket suatu kelas dan menyembunyikan implementasi detail dari user terhadap object. Hak jalan masuk diatur dalam sebuah access modifier yang diantaranya yakni : - private : hanya sanggup diakses oleh kelas itu sendiri - protected : hanya sanggup diakses dalam package dan kelas turunannya - public : sanggup diakses dimanapun - default : hanya sanggup diakses dalam package saja Manfaat dari encapsulation : - Modularitas : Source code dari sebuah class sanggup dikelola secara independen dari source code class yang lain. Perubahan internal pada sebuah class tidak akan besar lengan berkuasa bagi class yang menggunakannya. - Information Hiding : Penyembunyian gosip yang tidak perlu diketahui objek lain. Untuk mengakses gosip sanggup memakai mediator method yang dikenal dengan setter dan getter. Sebagai contoh, buatlah 3 kelas masing-masing di package yang berbed
Read more