Membuat Spinner Pada Android




Assalamualaikum wr. wb
halo Guyz
kali ini aku akan membuat Spinner di Android.
maaf ya, kalo artikelku kurang menarik dan isi artikelku kurang dipahami karena aku juga baru belajar jadi jika ada yang kurang mohon dimaafkan ya ðŸ™‚
oke guys langsung saja …
langkah pertama yang akan kita buat adalah :
  1. Buat project AndroidApplication pada android. Caranya File->New->Android Application Project, Kemudian akan muncul tampilan New Android Application. Ketikkan sesuai keinginan Anda tapi dimulai dengan huruf capital. Ganti target SDK dengan API 16: Android 4.1(Jelly Bean), Compile With dengan API 8: Android 2.2(Froyo), Theme ganti dengan none Kemudian Next.

2. Kemudian pada tampilan Blank Activity buat nama pada Blank Activity sesuai keinginan Anda.


3. Kemudian masukkan gambar pada drawable yang di layout, caranya copy file gambar yang ada dikomputer dan klik kanan pada drawable dan pilih paste

  1. Selanjutnya kita akan membuat progresnya, caranya buka file.java yang ada di src kemudian masukkan coding dibawah ini.import android.os.Bundle;
    import android.app.Activity;
    import android.view.Menu;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.ArrayAdapter;
    import android.widget.ImageView;
    import android.widget.Spinner;
    import android.widget.Toast;
    import android.widget.AdapterView.OnItemSelectedListener; public class SpinnerActivity extends Activity {
    String[] androidku = {“Cupcake”,”Donut”,”Eclair”,”Froyo”,”Gingerbread”,”Honeycomb”,
    “Sandwich”,”Jellybean”,”Kitkat”,”Lollypop”};
    Spinner s1;
    ImageView img1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_spinner);
    s1 = (Spinner) findViewById(R.id.spinner1);
    img1 = (ImageView) findViewById(R.id.imageView1);
    ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
    android.R.layout.simple_spinner_item, androidku);
    s1.setAdapter(adapter);
    s1.setOnItemSelectedListener(new OnItemSelectedListener()
    {
    public void onItemSelected(AdapterView<?> arg0,
    View arg1, int arg2, long arg3)
    {
    if(s1.getSelectedItem().equals(androidku[0])){
    img1.setImageResource(R.drawable.a1);
    }
    else if(s1.getSelectedItem().equals(androidku[1])){
    img1.setImageResource(R.drawable.a2);
    }
    else if(s1.getSelectedItem().equals(androidku[2])){
    img1.setImageResource(R.drawable.a3);
    }
    else if(s1.getSelectedItem().equals(androidku[3])){
    img1.setImageResource(R.drawable.a4);
    }
    else if(s1.getSelectedItem().equals(androidku[4])){
    img1.setImageResource(R.drawable.a5);
    }
    else if(s1.getSelectedItem().equals(androidku[5])){
    img1.setImageResource(R.drawable.a6);
    }
    else if(s1.getSelectedItem().equals(androidku[6])){
    img1.setImageResource(R.drawable.a7);
    }
    else if(s1.getSelectedItem().equals(androidku[7])){
    img1.setImageResource(R.drawable.a8);
    }
    else if(s1.getSelectedItem().equals(androidku[8])){
    img1.setImageResource(R.drawable.a9);
    }
    else if(s1.getSelectedItem().equals(androidku[9])){
    img1.setImageResource(R.drawable.a10);
    }
    int index = s1.getSelectedItemPosition();
    Toast.makeText(getBaseContext(),
    “Anda Memilih Android Versi : ” + androidku[index],
    Toast.LENGTH_SHORT).show();
    }
    public void onNothingSelected(AdapterView<?> arg0) {}
    });
    }@Override
    public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.spinner, menu);
    return true;
    }
    }
  2. Selanjutnya masukkan coding pada file.xml yang ada di layout dibawah ini<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android&#8221;
    xmlns:tools=”http://schemas.android.com/tools&#8221;
    android:layout_width=”match_parent”
    android:layout_height=”match_parent”
    android:paddingBottom=”@dimen/activity_vertical_margin”
    android:paddingLeft=”@dimen/activity_horizontal_margin”
    android:paddingRight=”@dimen/activity_horizontal_margin”
    android:paddingTop=”@dimen/activity_vertical_margin”
    android:background=”@drawable/gram”
    tools:context=”.Spinnerku” > <Spinner
    android:id=”@+id/spinner1″
    android:layout_width=”wrap_content”
    android:layout_height=”wrap_content”
    android:layout_alignLeft=”@+id/imageView1″
    android:layout_alignParentTop=”true”
    android:layout_marginTop=”18dp” />
    <ImageView
    android:id=”@+id/imageView1″
    android:layout_width=”fill_parent”
    android:layout_height=”wrap_content”
    android:layout_alignParentRight=”true”
    android:layout_below=”@+id/spinner1″
    android:layout_marginTop=”52dp”
    android:src=”@drawable/a1″ />
    </RelativeLayout>
  3. Selanjutnya jalankan programnya. ini hasil runningan Saya
Finally ……..
itulah tutorial dari saya lebih dan kurangnya saya mohon maaf .

Wassalammualaikum wr. wb


Selamat Mencoba

Tidak ada komentar:

Posting Komentar

Pages