8/16/2019 Belajar Android Studio.docx

1/6

Belajar Android Studio - Aplikasi

Mengenal Hewan dengan Spinner dan

ImageViewPada seri belajar android studio sebelumnya kita sudah menggunakan komponen user interface

TextView, EditText dan Button. ali ini kita akan buat project yangmenggunakan Spinner dan ImageView. !pinner digunakan untuk "nputan Pilihan misalnya pilih

negara. #ebih tenarnya spinner ini pada pemrogaraman lainnya sering disebut $ombo Box.

"mageView sesuai dengan namanya digunakan untuk menampilkan %ambar.

!ekarang mati kita mulai membuat project tentang nama hewan yang apabila salah satu hewandipilih akan menampilkan gambar hewan. &ari kita ikuti langkah'langkah berikut ini.

(. Buat )ew Project dengan nama Belajar Spinner, klik next terus sampai finish.

*. cari gambar hewan, bisa ke web site http://asfreepi!"!om/ cari gambar tiger, chicken, duck,horse dan bird. Taruh file gambar tersebut pada directory drawable di project kita. !ehingga

strukt project android belajar spinner ini menjadi seperti dibawah ini.

+. !ekarang mari kita edit latout a!ti#it$%main"xml lalu ketikan kode berikut

01

8/16/2019 Belajar Android Studio.docx

2/6

match_parent"

03   android:layout_heiht="match_parent"  tools:context="!ain#ctivity"$

0%

8/16/2019 Belajar Android Studio.docx

3/6

21

8/16/2019 Belajar Android Studio.docx

4/6

0* import android!widet!#rray#dapter

0, import android!widet!6mae'iew

0 import android!widet!pinner

10 import android!widet!&oast

11  

12 pu7lic class ain#ctivity extends #ctivity implements #dapter'iew!4n6temelectedListener>

13  

1% 6mae'iew imae'iew#nimal

1(  trin?@ array_animals => "tier"A "chicen"A "duc"A "horse"A"7ird"B

1)  int?@ array_drawa7le_animals=>R!drawa7le!tierA R!drawa7le!chicenAR!drawa7le!ducA R!drawa7le!horseAR!drawa7le!7irdB

1*  

1, -4verride

1   protected void on+reateCundle saved6nstancetateD >

20 super!on+reateCsaved6nstancetateD

21 set+ontent'iewCR!layout!activity_mainD

22  imae'iew#nimal = C6mae'iewDind'iewy6dCR!id!imae'iew#nimalD

23  pinner spinner#nimal =CpinnerDind'iewy6dCR!id!spinner#nnimalD

8/16/2019 Belajar Android Studio.docx

5/6

2%

  #rray#dapter

3  

%0 B

8/16/2019 Belajar Android Studio.docx

6/6

%1 B

Pada kode diatas setiap kita memilih salah satu hewan maka imageiewnya akan diisi gambarsesuai dengan hewan yang dipilih.

/. !ekarang mari kita jalankan projectnya

Pilih salah satu hewan

alau mau lebih bagus lagi kita bisa tambahkan satu TextView yang bisa kita isi denganketerangan hewan tersebut.

!emoga Bermanfaat