You are on page 1of 6

Berbagi Informasi Bersama …

@BhimaCalbara73
IT – Programming – Serba Serbi

BHIEMOTION LAB. ANDROID BHIEMA W CALBARA

TUTORIAL : MEMBUAT SPINNER DENGAN CLICK EVENT Kita masih belajar android di tingkat dasar, tutorial kali ini akan membahas mengenai komponen Spinner (Combo Box) yang terdapat pada anroid. Komponen spinner ini sangat berguna sekali ketika kita membuat sebuah pilihan banyak pada aplikasi yang sedang dibuat. Pada tutorial ini, kita akan membuat Spinner yang digunakan untuk memilih agama yang biasanya ditemukan di dalam sebuah aplikasi biodata. Berikut adalah gambarnya.

Gambar 1. Contoh Aplikasi

Nah, bagaimana cara membuatnya? Dalam tutorial ini bambam akan menyajikannya dengan mudah. Tentu kalian sudah familiar dengan java dan xml bukan? Bagi yang sudah familiar pasti akan mudah sekali. Bagaimana dengan yang belum? Jangan khawatir, ikuti saja syntax yang ada di tutorial ini, untuk pemahamannya bisa belakangan. Mari kita mulai membuatnya. Cekibrroottt…:D

Bhiemotion lab. Android > Bhima Calbara

Page 1

Buka file strings.3 com.xml (Gambar 3. ) Gambar 2. 3.xml Kemudian tambahkan kode berikut : <string name="prompt">Pilih Agama</string> <string-array name="agama"> <item name="islam">Islam</item> <item name="katolik">Katolik</item> <item name="protestan">Protestan</item> <item name="hindu">Hindu</item> <item name="budha">Budha</item> </string-array> Bhiemotion lab. File strings. SDK Version 4. 2. Android > Bhima Calbara Page 2 . Properties Value Spinner_Sample Android 2.Berbagi Informasi Bersama … @BhimaCalbara73 IT – Programming – Serba Serbi 1.namapackage Spinner Main 9 Project Name Build Target Package Name Application Name Create Activity Min. Jalankan program Eclipse kebanggaan Anda Pilih File > New > Android Project Isikan detail project dibawah ini ketika kalian membuat new project (projek baru).

<?xml version="1. kemudian ganti kode yang sudah ada sebelumnya dengan kode (syntax) dibawah ini. pilih Spinner_Sample > res > layout > main. Android > Bhima Calbara Page 3 .xml Lihat Gambar 2 Gambar 3. Pada package explorer.xml.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/prompt" android:textSize="25sp" android:gravity="center" /> <Spinner android:id="@+id/spinner" android:prompt="@string/prompt" android:layout_width="fill_parent" android:layout_height="50dp" /> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Submit" /> </LinearLayout> Bhiemotion lab.Berbagi Informasi Bersama … @BhimaCalbara73 IT – Programming – Serba Serbi 5. Package Explorer Setelah Anda buka file main.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.

import import import import import import import import android. android.createFromResource (this.widget.Spinner. ArrayAdapter<CharSequence> adapter = ArrayAdapter. android.agama. R.app. android.view.Berbagi Informasi Bersama … @BhimaCalbara73 IT – Programming – Serba Serbi 6.view. android.onCreate(savedInstanceState).ArrayAdapter.widget.os. */ @Override public void onCreate(Bundle savedInstanceState) { super.View. Membuka file Main.layout.layout.OnClickListener. String spinnerstring = null. Setelah Anda mengganti kode xml diatas.View.button).widget.array.java Lihat gambar berikut : Gambar 4.Bundle.Activity.setAdapter(adapter). kemudian buka file Main.java dengan kode berikut : package com. Button b = (Button) findViewById(R.R.SpinnerSample.toString(). public class Main extends Activity { /** Called when the activity is first created.id. android.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub Spinner sp = (Spinner) findViewById(R.java Ganti semua kode yang ada di file Main.Button.main). setContentView(R.spinner). spinnerstring = sp.Toast.setOnItemSelectedListener(new MyOnSelectedItemListener()). Spinner s = (Spinner) findViewById(R.widget.id. Android > Bhima Calbara Page 4 .spinner).getSelectedItem().id. s.simple_spinner_dropdown_item). s. android. android. Bhiemotion lab. android. b.calbara.

Toast.makeText(getApplicationContext(). "Get Selected Item = " + spinnerstring. } }). kita akan membuat . Toast. Toast.getSelectedItemPosition().Berbagi Informasi Bersama … @BhimaCalbara73 IT – Programming – Serba Serbi int nPos = sp. Setelah itu.show(). "Get Item Position = " + nPos.java Anda pilih nama packagenya. kemudian klik kanan pada package yang terpilih tersebut. Lihat gambar berikut mengenai cara membuatnya : Gambar 5.makeText(getApplicationContext().java Caranya penyimpanan class Main.LENGTH_LONG).LENGTH_LONG).show(). file class baru pada dengan package nama tempat MyOnSelectedItemsListener. } } 7. Membuat file java class baru Bhiemotion lab. pilih New > Class > Kemudian beri nama class tersebut dengan nama MyOnSelectedItemsListener. Android > Bhima Calbara Page 5 . Toast.

android.calbara. public class MyOnSelectedItemListener implements OnItemSelectedListener { @Override public void onItemSelected(AdapterView<?> parent.View. kemudian ganti semua kode yang sudah ada sebelumnya dengan kode dibawah ini : package com.OnItemSelectedListener. Saat menulis tutorial ini yang sedang kalian simak ini. Toast.makeText(parent. } @Override public void onNothingSelected(AdapterView<?> arg0) { // TODO Auto-generated method stub } } 9.view.java tersebut.getItemAtPosition(pos).widget. import import import import android. penulis sedang mengerjakan tugas akhir di Universitas Padjadjaran. Android > Bhima Calbara Page 6 . Apabila ada pertanyaan. lalu buka file MyOnSelectedItemsListener.Toast.Berbagi Informasi Bersama … @BhimaCalbara73 IT – Programming – Serba Serbi 8. View view. android.java berhasil dibuat. parent.toString(). Iseng-iseng ngulik android sambil mengusir kejenuhan di Garasi belakang rumah.AdapterView. Hasil Running dapat dilihat pada gambar 1 Profile Penulis Bhiema W Calbara. kritik.widget.SpinnerSample.LENGTH_LONG).getContext(). long id) { // TODO Auto-generated method stub Toast.widget.AdapterView.com Bhiemotion lab.care73@gmail. maka kita lakukan Run dengan menggunakan shortcut CTRL+F11 atau dengan cara klik kanan Package > Run As > Android Project. int pos.show(). Setelah File MyOnSelectedItemsListener. dan saran dapat langsung dikirim ke bhiema. android. Setelah pekerjaan diatas sudah beres.