Berbagi Informasi Bersama

@BhimaCalbara73IT 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

Berbagi Informasi Bersama

@BhimaCalbara73IT Programming Serba Serbi

1. 2. 3.

Jalankan program Eclipse kebanggaan Anda Pilih File > New > Android Project Isikan detail project dibawah ini ketika kalian membuat new project (projek baru).Properties Value Spinner_Sample Android 2.3 com.namapackage Spinner Main 9

Project Name Build Target Package Name Application Name Create Activity Min. SDK Version

4.

Buka file strings.xml (Gambar 3. )

Gambar 2. File strings.xml Kemudian tambahkan kode berikut :Pilih Agama Islam Katolik Protestan Hindu Budha

Bhiemotion lab. Android > Bhima Calbara

Page 2

Berbagi Informasi Bersama

@BhimaCalbara73IT Programming Serba Serbi

5.

Pada package explorer, pilih Spinner_Sample > res > layout > main.xml Lihat Gambar 2

Gambar 3. Package Explorer Setelah Anda buka file main.xml, kemudian ganti kode yang sudah ada sebelumnya dengan kode (syntax) dibawah ini.

Bhiemotion lab. Android > Bhima Calbara

Page 3

Berbagi Informasi Bersama

@BhimaCalbara73IT Programming Serba Serbi

6.

Setelah Anda mengganti kode xml diatas, kemudian buka file Main.java Lihat gambar berikut :

Gambar 4. Membuka file Main.java Ganti semua kode yang ada di file Main.java dengan kode berikut :package com.calbara.SpinnerSample; import import import import import import import import android.app.Activity; android.os.Bundle; android.view.View; android.view.View.OnClickListener; android.widget.ArrayAdapter; android.widget.Button; android.widget.Spinner; android.widget.Toast;

public class Main extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Spinner s = (Spinner) findViewById(R.id.spinner); ArrayAdapter adapter = ArrayAdapter.createFromResource (this, R.array.agama, android.R.layout.simple_spinner_dropdown_item); s.setAdapter(adapter); s.setOnItemSelectedListener(new MyOnSelectedItemListener()); Button b = (Button) findViewById(R.id.button); b.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub Spinner sp = (Spinner) findViewById(R.id.spinner); String spinnerstring = null; spinnerstring = sp.getSelectedItem().toString();

Bhiemotion lab. Android > Bhima Calbara

Page 4

Berbagi Informasi Bersama

@BhimaCalbara73IT Programming Serba Serbiint nPos = sp.getSelectedItemPosition(); Toast.makeText(getApplicationContext(), "Get Selected Item = " + spinnerstring, Toast.LENGTH_LONG).show(); Toast.makeText(getApplicationContext(), "Get Item Position = " + nPos, Toast.LENGTH_LONG).show(); } }); } }

7.

Setelah

itu,

kita

akan

membuat .

file

class

baru pada

dengan package

nama tempat

MyOnSelectedItemsListener.java

Caranya

penyimpanan class Main.java Anda pilih nama packagenya, kemudian klik kanan pada package yang terpilih tersebut, pilih New > Class > Kemudian beri nama class tersebut dengan nama MyOnSelectedItemsListener. Lihat gambar berikut mengenai cara membuatnya :

Gambar 5. Membuat file java class baru

Bhiemotion lab. Android > Bhima Calbara

Page 5

Berbagi Informasi Bersama

@BhimaCalbara73IT Programming Serba Serbi

8.

Setelah File MyOnSelectedItemsListener.java berhasil dibuat, lalu buka file MyOnSelectedItemsListener.java tersebut, kemudian ganti semua kode yang sudah ada sebelumnya dengan kode dibawah ini :package com.calbara.SpinnerSample; import import import import android.view.View; android.widget.AdapterView; android.widget.Toast; android.widget.AdapterView.OnItemSelectedListener;

public class MyOnSelectedItemListener implements OnItemSelectedListener { @Override public void onItemSelected(AdapterView parent, View view, int pos, long id) { // TODO Auto-generated method stub Toast.makeText(parent.getContext(), parent.getItemAtPosition(pos).toString(), Toast.LENGTH_LONG).show(); } @Override public void onNothingSelected(AdapterView arg0) { // TODO Auto-generated method stub } }

9.

Setelah pekerjaan diatas sudah beres, maka kita lakukan Run dengan menggunakan shortcut CTRL+F11 atau dengan cara klik kanan Package > Run As > Android Project. Hasil Running dapat dilihat pada gambar 1

Profile PenulisBhiema W Calbara, Saat menulis tutorial ini yang sedang kalian simak ini, penulis sedang mengerjakan tugas akhir di Universitas Padjadjaran. Iseng-iseng ngulik android sambil mengusir kejenuhan di Garasi belakang rumah. Apabila ada pertanyaan, kritik, dan saran dapat langsung dikirim ke bhiema.care73@gmail.com

Bhiemotion lab. Android > Bhima Calbara

Page 6