Tuesday, September 16, 2014

Tutorial iOS Part 2

Di blog sebelumnya, kita membahas sekilas iOS Programming dengan membuat program HelloWorld. Sekarang kita akan mencoba menggunakan beberapa componen standart iOS Programming, seperti :

  • UITextField
  • UIStepper
  • UISlider
  • UISegmentedControl
  • UISwitch
  • UIActivity

Untuk tampilan User Interface di Simulator iOS adalah sebagai berikut :

Skenario dari program ini adalah :
  1. Saat user memasukkan tulisan di Text Field dan user menekan tombol Press, apapun tulisannya akan di tampilkan di Label.
  2. Saat user menekan Stepper +, nilai dari stepper akan bertambah dan di tampilkan di Label. Jika user menakan Stepper -, nilai akan berkurang. Iterasi yang digunakan adalah 1.
  3. Begitu juga dengan Slidder. Nilai akan di tampilkan di Label dengan iterasi 0.5.
  4. Untuk Segmented Control, yang tampil di Label adalah nilai dari indexnya.
  5. Sedangkan komponen Swicth akan menjalankan animasi proses. Animasi akan mulai saat switcher on dan berhenti saat switcher off.
Tanpa berlama-lama lagi, mari kita buat project dengan nama HelloUIKit.

Selanjutkan kita buat IBOutlet dan IBAction-nya di ViewController.h


Untuk Design Interface-nya adalah sebagai berikut :

Jangan lupa untuk membuat koneksi antara file xib (Main.storyboard) dengan source code-nya.

Dan yang terakhir adalah membuat implementasinya di ViewController.m

Sedangkan untuk method IBAction-nya adalah

Source code dapat di download disini. Untuk compile dan testing cukup dengan shortcut cmd + R.

Sekali lagi begitu mudahnya membuat program di iOS. Semoga tutorial ini bermafaat dan menambah wawasan kita bersama. Tunggu tutorial iOS selanjutnya di blog ini ya...

No comments:

Post a Comment