Membuat Desain Spinner Menggunakan Android Studio

Membuat Desain Spinner Menggunakan Android Studio

Desain Spinner Android Studio merupakan pilihan tepat saat ingin memilih suatu nilai atau opsi dalam desain aplikasi. Spinner dropdown merupakan salah satu pilihan tepat dalam memilih value atau nilai data.

Dalam bahasa standar spinner merupakan seperti kotak kombo AWT atau ayunan di mana kita dapat memilih item tertentu dari daftar item. Spinner adalah sub kelas dari kelas AsbSpinner.

Menggunakan Spinner diperlukan kaitan antara Adaptor tampilan sehingga diperlukan salah satu kelas adaptor untuk mengisi data dalam spinner. dibawah ini merupakan basic standar dalam menggunakan spinner pada Android Studio.

<Spinner
android:id="@+id/simpleSpinner "
android:layout_width="fill_parent"
android:layout_height="wrap_content" />

Untuk mengisi data dalam Spinner kita perlu mengimplementasikan kelas adaptor. Spinner terutama digunakan hanya untuk menampilkan bidang teks sehingga kita dapat mengimplementasikan Array Adapter. Kitajuga dapat menggunakan Adaptor Dasar dan adaptor khusus lainnya untuk menampilkan Spinner dengan daftar yang dapat disesuaikan. Misalkan jika kita perlu menampilkan tampilan teks dan tampilan gambar dalam daftar item Spinner maka adaptor array saja tidaklah cukup. Di sini kita harus mengimplementasikan adaptor khusus. Gambar di bawah Spinner dan Custom Spinner akan membuatnya lebih jelas.

ArrayAdapter
Adaptor adalah jembatan antara komponen UI dan sumber data yang membantu kita mengisi data dalam komponen UI. Ini memegang data dan mengirim data ke tampilan adaptor kemudian tampilan dapat mengambil data dari tampilan adaptor dan menunjukkan data pada tampilan yang berbeda seperti tampilan daftar, tampilan kotak, spinner. Setiap kali kita memiliki daftar item tunggal yang didukung oleh array, kita dapat menggunakan Array Adapter.

Ini adalah Code untuk ArrayAdapter pada Android
ArrayAdapter(Context context, int resource, int textViewResourceId, T[] objects)

Kali ini kita akan belajar bagaimana membuat Spinner Android Studio standard. Gambar dibawah menerangkan kita dapat memilih pilihan item dan melakukan block pilihan dan menampilkan toast pilihan pada layar android.

untuk lebih mudahnya, kami akan memberikan 3 langkah mudah membuat spinner tersebut.
Langkah Pertama :
Membuat Project android dan memberikan nama SpinnerExample atau silahkan buat nama sesuka anda. atau ikuti langkah berikut ini :

Select File -> New -> New Project ->. Fill the forms and click "Finish" button.

Langkah Kedua:
Langkah selanjutnya merupakan pembuatan tampilan spinner. Ketikkan kode berikut ini pada main.xml atau activity_main.xml, lebih jelasnya Silahkan ikuti code berikut ini

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
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"
tools:context=".MainActivity">

<Spinner
android:id="@+id/simpleSpinner"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="100dp" />

</RelativeLayout>

Selanjutnya lakukan pengkodingan pada MainActivity.java. Disini dijelaskan untuk menggunakan ArrayAdapter dan Toast sebagai penampil message setiap pilihan yang dipilih.

package example.abhiandriod.spinnerexample;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener{

String[] bankNames={"BOI","SBI","HDFC","PNB","OBC"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//Getting the instance of Spinner and applying OnItemSelectedListener on it
Spinner spin = (Spinner) findViewById(R.id.simpleSpinner);
spin.setOnItemSelectedListener(this);

//Creating the ArrayAdapter instance having the bank name list
ArrayAdapter aa = new ArrayAdapter(this,android.R.layout.simple_spinner_item,bankNames);
aa.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
//Setting the ArrayAdapter data on the Spinner
spin.setAdapter(aa);
}


//Performing action onItemSelected and onNothing selected
@Override
public void onItemSelected(AdapterView<?> arg0, View arg1, int position,long id) {
Toast.makeText(getApplicationContext(), bankNames[position], Toast.LENGTH_LONG).show();
}

@Override
public void onNothingSelected(AdapterView<?> arg0) {
// TODO Auto-generated method stub

}
}

Selesai. Selanjutnya silahkan run project dengan emulator dan test code nya. apabila sudah berjalan dengan baik, maka akan menampilkan list dropdown dan menampilkan pesan pilihan dengan toast.

Diatas merupakan hasil tampilan pada emulator Android Studio. Apabila Ada pertanyaan silahkan mengisi kolom Komentar ya…