Tutorial Membuat GUI untuk Aplikasi iPhone dengan Coding

Ini adalah hal terpenting dalam programming iPhone. Karena menurut aku, kalau sudah bisa bentuk GUI melalui coding, maka bisa memasukkan komponen lain dengan mudah. Karena kita tinggal cari aja keywordnya berupa nama object nya.

Contoh yang aku kasih disini adalah membuat UITextField dan UIButton melalui coding.

Langkah-langkahnya:

1. Buat project baru. File -> New Project. Pilih Template nya : View-Based Application
   

   New Project

    

2. Kemudian, beri nama project tersebut dengan nama : Projectku.
3. Setelah itu akan muncul tampilan seperti dibawah ini :
   

   Tampilan Awal

4. Pada project kita sekarang, di bagian folder classes, terdapat 4 buah file : ProjectkuAppDelegate.h, ProjectkuAppDelegate.m, ProjectkuViewController.h, dan ProjectkuViewController.m
5.  Yang kita perhatikan disini hanya 2 file saja, yaitu file View Controller saja.
6. Langkah berikutnya, pada ProjectkuViewController.h, kita harus membuat UIView penampung utama. Disini, kita beri nama penampung tersebut viewUtama 
   

   coding di ProjectkuViewController.h

    

7. Jangan lupa coding di ProjectkuViewController.m, untuk me-release memori yang sudah dipesan. 
   

   UIView di *.m

8.  Kemudian, ketikkan syntax ini di ProjectkuViewController.m :
   

   Syntax 1

9. Kemudian, bentuk object UITextField dan UIButton. Untuk di ProjectkuViewController.h, sama seperti membentuk UIView. 
   

   Syntax Final di .h

10. Kemudian di ProjectkuViewController.m, pada bagian synthesize, jadi seperti ini : @synthesize viewUtama, txt, btn;
11. Kemudian di menu dealloc, juga tambahkan [txt release] dan [btn release]  sehingga menjadi seperti : -(void)dealloc {
          [viewUtama release];
          [txt release];
          [btn release];
          [super dealloc];
    }
     
12. Kemudian, ketikkan syntax dibawah ini :
    

    Syntax akhir GUI

13.  Kemudian coba jalankan. Maka hasilnya adalah seperti di bawah ini :

gambar hasil build & run

 

 Nah, dari langkah-langkah diatas, kalian baru dapat membuat UITextField dan UIButton secara fisik. Lalu bagaimana dengan aksi jika Button di klik dan Keyboard akan return jika diklik return? 

Nah kita kemudian harus menambahkan langkah-langkah tambahan yaitu :

1. Tambahkan syntax ini : 
   [txt setDelegate:self]; //supaya fungsi textFieldShouldReturn bisa dijalankan
   [btn addTarget:self action:@selector(doKlik:) forControlEvents:UIControlEventTouchUpInside];
   

   Tambahan Syntax 1 - part 1

    

   

   Tambahan Syntax 1 - part 2

    

    

    

    

2.  Setelah itu coba Build, apa yang terjadi? Ternyata ada warning. Hal itu karena kita men-delegate UITextField, tapi class kita sendiri bukan class delegate dari UITextField.
3. Nah, kita harus menambahkan syntax “<UITextFieldDelegate>” dibagian header. 
   

   Header Tambahan

   Nah,  tutorial ini sudah selesai. Apabila ingin menampilkan isi dari UITextField yang kita tulis, maka tinggal menambahkan syntax seperti di bawah ini (optional):

   

   Syntax Optional

   NB : Jika ukurannya terlalu kecil, save gambar, lalu perbesar pakai Software 

 

Tampilan Akhir

 

 

Source Code bisa di download disini : Projectku.zip