Cara Membuat Spinner di Android Studio

Cara Membuat Spinner di Android dengan Android Studio

Posted on

Postingan kali ini, saya akan membuat konten baru tentang tutorial basic layout di Android. Bahasan kali ini yaitu tentang cara membuat Spinner di Android. Spinner merupakan elemen atau atribut yang sering kita jumpai pada aplikasi-aplikasi yang sering kita gunakan. Biasanya spinner digunakan untuk memilih opsi (pilihan) berupa dropdown list. Pada dropdown list biasanya berisi item-item pilihan, misalnya untuk pilihan provinsi pada suatu form.

Spinner sangat berguna untuk memudahkan pengguna aplikasi untuk memilih value atau pilihan saat mengisi form. Ada 2 cara membuat Spinner di Android Studio

  1. Data array disimpan pada file resource.xml dalam bentuk string-array. Cara ini cukup berguna jika value list pada Spinner bersifat statis atau tidak sering diubah-ubah.

  2. Membuat Spinner di Android Studio yakni dengan cara data array disimpan langsung pada file Java, dalam bentuk string-array ataupun String ArrayList. Ini berguna untuk data yang bersifat dinamis.

Dari dua cara yang sudah saya jelaskan tadi, pada tutorial ini akan saya bagikan untuk cara yang pertama yaitu membuat spinner dengan data string-array di XML.

Cara Membuat Spinner di Android Studio

Seperti biasa, hal yang pertama harus dilakukan adalah membuat project baru di Android Studio terlebih dahulu.

Selanjutnya, buka file strings.xml yang terdapat pada folder res/values. Lalu ketikkan kode / syntax berikut tepat diatas tag </resources>.

strings.xml

<string-array name="asalNegara">
        <item>Indonesia</item>
        <item>Jepang</item>
        <item>China</item>
        <item>Amerika Serikat</item>
        <item>Arab</item>
    </string-array>

Langkah selanjutnya, kita membuat desain layout pada file activity_main.xml yang terletak di folder res/layout. Ubah terlebih dahulu mode design nya menjadi text. Dan tulis kode di bawah ini.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView 
	xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto" 
	xmlns:tools="http://schemas.android.com/tools" 
	android:layout_width="match_parent" 
	android:layout_height="match_parent" 
	tools:context="id.web.dhelright.praktikum2.MainActivity">

    <LinearLayout 
		android:layout_width="match_parent" 
		android:layout_height="match_parent" 
		android:orientation="vertical" 
		android:paddingLeft="10dp" 
		android:paddingRight="10dp" 
		android:paddingTop="10dp" 
		android:paddingBottom="10dp">

        <TextView 
			android:id="@+id/textView4" 
			android:layout_width="match_parent" 
			android:layout_height="wrap_content" 
			android:text="@string/negara_asal" />

        <Spinner 
			android:id="@+id/negaraSpinner" 
			android:layout_width="match_parent" 
			android:layout_height="wrap_content" 
			android:entries="@array/asalNegara" 
			android:gravity="fill_horizontal" />

        <Button 
			android:id="@+id/btnTampilkan"
			android:layout_width="match_parent" 
			android:layout_height="wrap_content" 
			android:text="@string/tampilkan" 
			android:textAllCaps="false" />

    </LinearLayout>

</ScrollView>


tutorial basic layout di android studio

Selanjutnya saya akan menampilkan toast yang berisi nilai dari item yang dipilih pada spinner. Gunakan file MainActivity.java dan melakukan logic algoritma beserta codingnya di sana. Saat kita memilih item yang ada pada Spinner tersebut, kemudian kita klik Button Tampilkan, maka akan memunculkan toast berupa nilai atau value yang kita pilih.

MainActivity.java

/**
 * Created by Fadhel Widya Rakhman.
 */
public class MainActivity extends AppCompatActivity{

    Button btnTampilkan;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        btnTampilkan = (Button)findViewById(R.id.btnTampilkan);
        btnTampilkan.setOnClickListener(new Tampil());
    }

//Class baru untuk tombol di klik
    public class Tampil implements View.OnClickListener{

        @Override
        public void onClick(View v)
        {
            String asal = asalNeg.getSelectedItem().toString();
            Toast.makeText(getApplicationContext(),"Asal Negara  : " +asal+"\n", Toast.LENGTH_LONG).show();
            }
        }
    }

Indeed! Jadi seperti itulah cara membuat spinner di android studio. Lalu, dari mana String asal mendapatkan value dari item yang dipilih? Variabel asal mendapatkan nilai atau value tersebut dari method getSelectedItem() dan diubah menjadi String oleh method toString().

Cukup sekian tutorial kali ini saya bagikan. Apabila ada hal yang kurang jelas atau sulit dipahami, bisa ditanyakan melalui kolom komentar. Terimakasih atas kunjungannya, Wassalamu’alaykum wr, wb.

Gravatar Image
Seorang mahasiswa sederhana yang menyukai hal-hal baru

2 thoughts on “Cara Membuat Spinner di Android dengan Android Studio

Leave a Reply

Your email address will not be published. Required fields are marked *