Membuat Aplikasi Android Spinner View

Spinner adalah interface android yang digunakan unutk  menampilkan list dari sebuah item atau data pada saat tertentu sehingga user dapat memilih salah satu dari item tersebut. Spinner ini juga dalam program lain dikenal dengan nama combo box, konsep dan cara kerja spinner sama dengan combo box.

Buatlah Sebuah Project Android Baru

Sebelum anda memulai membuat project, apa bila anda baru memulai membuat aplikasi android dan belum menginstal software yang diperlukan harap di instal terlebih dahulu.

 

 

Buatlah sebuah project dengan nama :

Project name            : SpinnerView

Built Target               : Android 2..3

Application name      : spinner

Package                   : com.wilis.spinner 

Activity                    : spinner

Min SDK                 : 9

1. spinner.xml

Buatlah sebuah file baru di dalam res/layout dengan nama file spinner.xml

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

<spinner 
 android:id="@+id/Spinner1" 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content"
 android:drawSelectorOnTop="true"/>
</LinearLayout>

2. Spinner.java

Ubahlah file Spinner.java menjadi seperti ini :

package com.wilis.spinner;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;
import android.widget.AdapterView.OnItemSelectedListener;

public class spinner extends Activity {
 String[] club = {
   "Barca",
   "Madrid",
   "MU",
   "Chelsea",
   "Milan",
   "Arsenal",
   "Valencia",
   "Juventus",
 };
 Spinner s1;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.spinner);
        
        s1 = (Spinner) findViewById(R.id.Spinner1);
        
        ArrayAdapter<string> adapter=new ArrayAdapter<string>(this, android.R.layout.simple_spinner_item, club);
        
        s1.setAdapter(adapter);
        s1.setOnItemSelectedListener(new OnItemSelectedListener(){

   public void onItemSelected(AdapterView<?> arg0, View arg1,
     int arg2, long arg3) {
    // TODO Auto-generated method stub
    int index = s1.getSelectedItemPosition();
          Toast.makeText(getBaseContext(), "Anda Telah Memilih : " + club[index], Toast.LENGTH_SHORT).show();
   }
   
   public void onNothingSelected(AdapterView<?> arg0) {
    // TODO Auto-generated method stub
    
   }
        });
    }
}

3. AndroidManifest.xml

Ubahlah file AndroidManifest.xml menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.wilis.spinner"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".spinner"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>
    <uses-sdk android:minSdkVersion="9" />

</manifest> 

4. ViewsActivity.java

Ubahlah file ViewsActivity.java menjadi seperti ini :

package com.wilis.spinner;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;

public class ViewsActivity extends Activity {   
 @Override 
 public void onCreate(Bundle savedInstanceState){
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);
  
  startActivity(new Intent(this, spinner.class));
 }
}

Sekarang running aplikasi anda, maka hasilnya akan seperti pada gambar diatas. jika anda memilih salah satu dari list spinner maka akan muncul sebuah pesan.

Sekarang coba anda ubah script pada Spinner.java pada bagian ini :

ArrayAdapter<String> adapter=new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, club);

menjadi seperti ini :

ArrayAdapter<String> adapter=new ArrayAdapter<String>(this, android.R.layout.simple_spinner_dropdown_item, club);

             
maka script anda menjadi seperti ini :

package com.wilis.spinner;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;
import android.widget.AdapterView.OnItemSelectedListener;

public class spinner extends Activity {
 String[] club = {
   "Barca",
   "Madrid",
   "MU",
   "Chelsea",
   "Milan",
   "Arsenal",
   "Valencia",
   "Juventus",
 };
 Spinner s1;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.spinner);
        
        s1 = (Spinner) findViewById(R.id.Spinner1);
        
        ArrayAdapter<string> adapter=new ArrayAdapter<string>(this, android.R.layout.simple_spinner_dropdown_item, club);
        
        s1.setAdapter(adapter);
        s1.setOnItemSelectedListener(new OnItemSelectedListener(){

   public void onItemSelected(AdapterView<?> arg0, View arg1,
     int arg2, long arg3) {
    // TODO Auto-generated method stub
    int index = s1.getSelectedItemPosition();
          Toast.makeText(getBaseContext(), "Anda Telah Memilih : " + club[index], Toast.LENGTH_SHORT).show();
   }
   
   public void onNothingSelected(AdapterView<?> arg0) {
    // TODO Auto-generated method stub
    
   }
        });
    }
}

Sekaran running projek anda, maka hasilnya akan bebeda dari sebelumnya yaitu tampilan pop up selectionnya ada sedikit perubahan.

Sumber :  Pemograman Aplikasi Mobile Smartphone dan tablet PC Berbasic Android Penerbit Informatika, Bandung, 2012 By : Nazruddin Safaat.