Membuat Aplikasi Android Untuk Formulir Alamat


   



 PENGENALAN


Secara umum arsitek user interface (UI) pada aplikasi android adalah user interface yg meliputi activity dan user interface yg terdiri dari komponen. Semua yg berhubungan dengan user interface pada aplikasi android biasanya berada pada lokasi res/layout/namafile.xml (nama file adalah nama file projek anda misal main.xml), dimana koding java untuk memanggilnya yg kita kenal dengan R.layout.namafile.

          Saat aplikasi berjalan , antarmuka XML di load ke dalam event handler onCreate() pada class activity dengan menggunakan method setContentView(). Ketika projek dikompilasi maka setiap elemen didalam file XML akan dikompliasi menjadi class GUI (Graphic User Interface) android, dengan atribut yang diwakili oleh method. System android kemudian menciptakan UI activity ketika di-load.

Cara termudah membangun UI adalah dengan menggunakan file XML statis, namun terkadang kita memerlukan UI yang dinamis saat aplikasi berjalan, oleh karena itu dimungkinkan pula menciptakan UI melalui kode program.

Komponen-komponen user interface pada android adalah sebagai berikut:

 

<ViewGroup>

Kumpulan view dimana kita dapat menentukan tata letak komponen view secara berbeda, seperti LinierLayout, RelativeLayout, FrameLayout, serta Tabulasi. Atribut dari ViewGroup ini biasanya terdiri dari

Ø  android.id Resource id, yang berisi variable unik dari element tersebut.

Ø  android:layout_height dimensi value-nya (height) yang diikutinya dengan opsi “fill_parrent” atau “wrap_content”.

Ø  android:layout_width dimensi value-nya (width) yang diikutinya dengan opsi “fill_parrent” atau “wrap_content”.

Sama seperti <ViewGroup> tetapi <View> lebih dikenal dengan “individual UI component”, atributnya juga minimal terdiri dari tiga yang sama persis dengan atribut yang dimiliki oleh <ViewGroup>.

 

<requestFocus>

Element kosong yang bisa kita definisikan didalam <view>.

 

<include>

Memasukkan file layout kedalam layout. Atributnya sama dengan <ViewGroup> dan <view> tetapi ada satu tambahan atribut yaitu <resource> yang berfungsi untuk menentukan file layout-nya.

 

1.     TextView

TextView adalah subkelas dari kelas View yang menampilkan teks di layar. Kita juga bisa mengontrol bagaimana teks muncul dengan atribut TextView pada file layout XML. TextView dilengkapi oleh banyak atribut – atribut yg antara lain dan biasanya digunakan sebagai berikut :

Ø  text: Text yg akan ditampilkan

Ø  textsize: Ukuran text

Ø  textALLCAPS: Menampilkan text semuanya kapital

Ø  textStyle: Style (Normal, Bold, Italic, Bolditalic) untuk text

 

2.  EditText

EditText adalah elemen UI untuk memasukkan dan memodifikasi text, didalam penerapannya atribut edittext seperti input type harus di tetapkan secara spesifik, berikut atribut - atribut yg antara lain dan biasa digunakan sebagai berikut :

Ø  android:inputType: Untuk menentukan jenis text input yang akan digunakan

Ø  android:hint: Untuk memberitahu user, apa yang harus di Inputkan

3.  Button

Pada Button, kita dapat menambahkan penanganan kejadian dan memberikan aksi (event) pada Button tersebut saat diklik, kita bisa menggunakan method onClick(), kejadian dapat ditangani dengan menginflementasikan interface onClickListener yg terdapat pada android.view.


yukk langsung saja buat aplikasi formulir sederhana nya


1. Seperti biasa kita membuat empty acvitivy terlebih dahulu, kemudian next


2. Isi data-datanya sebagai berikut


3. Kemudian kita langsung ke Code, ketikan kode sebagai berikut :


Tampilan pada layout desain

selanjutkan kita akan menambahkan Radio Button untuk pemilihan alamat atau tempat tinggal, cara untuk membuat Radio Button codenya sebagai berikut : 


Berikut tampilan dari Radio button yang telah dibuat 

selanjutnya kita buat Button Click berikut cara untuk membuat Button :






Selanjutnya kita masuk ke Main.activity.java 




Berikut tampilan nya, ketika sudah menjalankan program 






Tidak ada komentar:

Posting Komentar