KOMPONEN GUI

Beny YV Nasution
Program Studi Teknik Informatika Universitas Wijaya Kusuma Surabaya
Komponen Android
  Ada beberapa macam komponen yang biasa
dipakai dalam pembuatan aplikasi, antara lain:
  Text Control
  Button

  Check Box

  Radio Button

  List

  Grid

  Date and Time

Text Control
  Macam-macam text control antara lain:
  TextView

  EditText

  AutoCompleteTextView

  MultiAutoCompleteTextView
TextView
  Digunakan untuk menampilkan tulisan pada layar
  Isi tulisan tidak dapat diubah
EditText (Text Fields)
  Subclass dari TextView
  Digunakan untuk melakukan perubahan tulisan
EditText (Text Fields)
  Ada beberapa macam, menurut fungsinya:
  Plain Text
  Person Name

  Password

  Password (numeric)

  E-Mail

  Phone

  Postal Code

  Multi Line
EditText (Text Fields)
  Ada beberapa macam, menurut fungsinya (lanj.):
  Time

  Date

  Number

  Number (signed)
  Number (decimal)

  AutoCompleteTextView

  MultiAutoCompleteTextView
AutoCompleteTextView
  TextView yang dapat berfungsi menjadi auto-
complete
  Berfungsi ketika huruf dituliskan pada inputan
AutoCompleteTextView
  Penggunaan
  Buatkomponen AutoCompleteTextView pada layout
  Pada dokumen activity tambahkan kode menjadi
seperti berikut

  Nama komponen auto complete

MultiAutoCompleteTextView
  Fungsionalitas sama seperti auto complete
  Ada fungsi tambahan, dapat menambahkan

beberapa data dengan menuliskan koma (,)

MultiAutoCompleteTextView
  Penggunaan
  Buatkomponen MultiAutoCompleteTextView
  Pada dokumen activity tambahkan kode menjadi
seperti berikut

  Nama komponen auto complete

Button
  Ada tiga jenis button:
  Basicbutton
  Image button

  Toggle button (on atau off)

Checkbox
  Seperti toggle button (on dan off)
  Untuk pemilihan multi
Radio Button
  Untuk memilih salah satu dari group pilihan
 ListView
  Menampilkan daftar secara
vertikal
  Dapat mencari dengan
mengetikkan huruf awal
  Berfungsi seperti auto-
complete
 Grid View
  Fungsi seperti ListView
  Tampilan memiliki format

grid (baris-kolom)
Komponen Tanggal
  Pemilihan tanggal (DatePicker)
  Pemilihan waktu (TimePicker)

  Chronometer

  Analog clock

  Digital Clock
Layout Manager
  Linear Layout
  Mengatur posisi layout pada layar secara linear (horizontal
ataupun vertikal).
  RelativeLayout
  Mengatur posisi layout pada layar secara relative.
  TableLayout
  Mengatur layout agar berbentuk seperti tabel.
  FrameLayout
  Mengatur layout yang memungkinkan untuk mengubah tata letak
komponen.
  TabLayout
  Mengatur layout agar dapat berbentuk tab.
Linear Layout
  Mengatur tata letak komponen secara vertikal dan
horizontal
Relative Layout
  Mengatur tata letak komponen relative ke
komponen lainnya
  Lebih fleksibel
Table Layout
  Tata letak komponen diatur dalam bentuk baris dan
kolom
Frame Layout
  Layout diatur lebih dinamis
  Dapat berisi berbagai komponen atau layout
Tab Layout
  Berbentuk tab atau tumpukan layout
  Dapat difungsikan sebagai menu navigasi
Diskusi
Bersambung ke materi selanjutnya….