Cara Membuat Spinner Sederhana di Aplikasi Android

Tutorial Cara Membuat Spinner Di Aplikasi Android

Halo semuanya. Bagaimana kabar kalian hari ini? Saya harap kalian baik-baik saja. Pada kesempatan kali ini, saya ingin membagikan tutorial tentang bagaimana cara membuat spinner di aplikasi android. Sebelum kita lanjut ke tutorial, saya ingin membagikan seperti apa gambaran widget keren ini.

Spinner ini adalah widget yang sangat berguna sekali dalam suatu aplikasi. Dia menampilkan data yang diperlukan yang sesuai keinginan aplikasi. Widget ini sering kalian temui pada aplikasi-aplikasi jual beli atau e-commerce. Ketika kita ingin membeli suatu barang dalam aplikasi lalu menemukan pilihan ukuran, jasa kurir atau pun lainnya. Maka Widget inilah yang akan digunakan untuk membuat aplikasi menampilkan yang seharusnya ditampilkan.

Jadi, pada tutorial ini kalian akan belajar bagaimana cara membuat Spinner sederhana pada Aplikasi Android untuk menampilkan data yang sesuai.

- Advertisement -

Tutorial Cara Membuat Spinner di Aplikasi Android

Buatlah projek android studio dengan informasi sebagai berikut:

Application Name:Spinner
Package Name:com.androidrion.spinner
Language:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml layout yang digunakan dalam projek ini:

  1. activity_main.xml

Daftar file java activity yang digunakan dalam projek ini:

  1. MainActivity.java

Berikut ini adalah tutorial langkah-langkah dalam pembuatan aplikasi android Spinner.

XML Layout File

Karena kita akan membuat aplikasi spinner, maka yang perlu kita tambahkan pada xml layout activity_main.xml adalah widget AppCompatSpinner. Ketika kalian menambahkan widget tersebut, tambahkan atribut spinnerMode “dropdown”. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        style="@style/TextAppearance.AppCompat.Headline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/app_name" />

    <androidx.appcompat.widget.AppCompatSpinner
        android:id="@+id/spinner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:spinnerMode="dropdown" />

</LinearLayout>

Java Activity File

Setelah kita menambahkan widget Spinner pada layout xml, maka sekarang saatnya kita memprogram widget tersebut pada file MainActivity.java. Dalam file tersebut, kita harus mengimplementasikan AdapterView. Lalu buatlah String untuk data yang akan ditampilkan pada Spinner. Pada tutorial ini, saya menggunakan derajat sekolah sebagai contoh data yang akan ditampilkan pada widget Spinner. Karena kita hanya membuat spinner yang sederhana, maka kita memerlukan layout simple_spinner_dropdown_item yang telah disiapkan oleh Android Studio. Berikut ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.spinner/MainActivity.java

package com.example.spinnernew;

import androidx.appcompat.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[] pendidikan = {"SD", "SMP", "SMA", "STRATA 1", "STRATA 2", "STRATA 3"};

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

        Spinner spinner = findViewById(R.id.spinner);
        spinner.setOnItemSelectedListener(this);

        ArrayAdapter<String> arrayAdapter = new ArrayAdapter<>(this, android.R.layout.simple_spinner_item, pendidikan);
        arrayAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        spinner.setAdapter(arrayAdapter);
    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        //untuk menambahkan toast
        Toast.makeText(getApplicationContext(), pendidikan[position], Toast.LENGTH_LONG).show();
    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {

    }

    @Override
    public void onPointerCaptureChanged(boolean hasCapture) {

    }
}

Run ‘app’

Sekarang, kita bisa menjalankan projek android studio kita. Pada tampilan awal aplikasi, kalian hanya melihat nama aplikasi kalian di tengah-tengah layar. lalu dibawahnya ada tanda panah arah bawah. Ketika kalian mengklik tanda panah tersebut, maka aplikasi akan menampilkan urutan sekolah dari SD hingga S3. Jika kalian memilih salah satu dari data yang di tampilkan, maka spinner akan menampilkan data yang kalian pilih tadi sekaligus menampilkan Toast pada layar bawah aplikasi.

Apabila kode diatas tidak terjadi masalah, maka aplikasi akan terlihat seperti pada gambar di bawah ini.

TUTORIAL VIDEO

AKHIR KATA

Itulah tadi tutorial singkat dan mudah bagaimana cara menambahkan Spinner di aplikasi Android. Tutorial di atas sangatlah mudah untuk dikerjakan karena begitu dasar dan sederhana. Kalian bisa membuatnya dengan berbagai macam data yang akan ditampilkan pada aplikasi kalian.

Apabila kalian mengalami kendala pada tutorial ini, silahkan bertanya dengan cara memberi pesan pada kolom komentar di bawah artikel ini. Dan jangan lupa juga untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian semua. terima kasih.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.