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
Tidak ada komentar:
Posting Komentar