Home > Pemprograman > User Interface Lanjutan di Android Bagian 2

User Interface Lanjutan di Android Bagian 2

 

User Interface Lanjutan Bagian 2

Setelah pada tutorial sebelumnya kita mengenal User Interface dasar seperti Button, Radiobutton, Checkbox dan Ratingbar, pada tutorial ini akan dibahas cara penggunaan user interface lainnya yang sering digunakan.

A. ImageView / ImageButton

Imageview merupakan widget yang menampilkan gambar, perbedaan utama dengan textview adalah jika di textview, hanya teks yang ditampilkan, namun di image view, anda dapat menampilkan gambar. ImageButton pun sama dengan widget Button, namun pada imageButton, anda dapat menampilkan gambar di button anda.

Berikut layoutnya:

 


 

 

 

Anda dapat menggunakan Tag <ImageButton> untuk membuat objek imagebutton dan tag <ImageView> untuk membuat objek ImageView.

Berikut program javanya :

 

Berikut output dari programnya :

 

 

B. List View

Listview merupakan widget yang menampilkan daftar secara dropdown , yang dapat kita pilih. Berikut contoh layoutnya :

 

Tambahkan tag <Listview> seperti pada gambar diatas, berikan ID agar nanti pada saat objek dipanggil di program java, dapat dikenali.

Berikut program javanya :

 

Untuk menampilkan list, yang item nya dalam bentuk Array tipe string, anda membutuhkan adapter yang dinamakan array adapter. Dalam contoh program diatas, menggunakan 2 interface yaitu onItemClickListener dan OnItemLongClick listener, perbedaannya hanya dalam click dan long click akan berbeda outputnya.

Berikut outputnya :

 

 

C. Spinner

Jika kita telah mengenal combobox misalnya pada Delphi, maka spinner di android sama dengan combobox. Item-item disimpan dalam objek . dan pada saat kita klik, akan muncul dropdown list. Berikut cuplikannya :

 

Berikut layoutnya :

 

Berikut program javanya :

 

 

Pada Pertemuan berikutnya kita akan mempelajari User Interface bagian 3 yaitu Gallery View, Layout dan WebView

Categories: Pemprograman Tags: ,
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s