-->

Tutorial Android Spinner

Spinner memungkinkan Anda untuk memilih item dari menu drop down.

Sebagai contoh. Ketika Anda menggunakan aplikasi Gmail Anda akan mendapatkan menu drop down seperti yang ditunjukkan di bawah ini, Anda perlu memilih item dari menu drop down.

Contoh ini menunjukkan kategori, Anda perlu memilih kategori dari kategori. Berikut langkah-langkah sederhana, bagaimana untuk membuat aplikasi Android sendiri menggunakan Spinner.

Membuat Project Android
1. Pada Android Studio, buatlah project baru.
 => Jika Anda tidak memiliki sebuah project, di layar Welcome klik New Project.
 => Jika Anda telah membuka project, dari menu File, pilih New Project.

2. Pada Configure your new project, isi kolom berikut seperti di bawah ini.
 => Application name ⇒ ProgressBar
 => Company domain ⇒ example.com (Misalnya: com.megadistudio.ProgressBar)
 => Project Location ⇒ memilih lokasi untuk project Anda.

3. Pada Select the form factors your app will run oncentang untuk Phone and Tablet.
 => Untuk Minimum SDK, pilih API 10: Android 2.3.3 (Gingerbread). klik Next.

4. Pada Add an activity to Mobile, pilih Blank Activity dan klik Next.
Next ->

5. Klik tombol Finish untuk membuat project.
6. Pilih View Anda sebagai Project, Buka file layout untuk kegiatan utama (activity_main.xml) terletak di bawah App  res ⇒ layout.

Hapus TextView (Hello World) dan copy kode di bawah ini untuk membuat layout.

activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:id="@+id/activity_main"
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="spinner.megadistudio.com.spinner.MainActivity">

<TextView
android:text="@string/tk"
android:textStyle="bold"
android:textSize="50sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:id="@+id/textView" />

<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:background="@drawable/tk"
android:id="@+id/imageView"
android:layout_below="@+id/textView"
android:layout_centerHorizontal="true"
android:layout_marginTop="16dp" />

<Spinner
android:id="@+id/osversions"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="35dp"
android:layout_below="@+id/imageView"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />

<TextView
android:id="@+id/selVersion"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/osversions"
android:layout_marginLeft="10dp"
android:layout_marginTop="20dp" />


</RelativeLayout>

7.  Buka string.xml terletak di app ⇒ res ⇒ value dan copy kode di bawah ini.

string.xml
<resources>
<string name="app_name">Spinner</string>
<string name="tk">Tahu Koding</string>
</resources>

8. Sekarang Buka MainActivity.java terletak di app ⇒ src ⇒ Java dan copy kode di bawah ini.

MainActivity.java  
package spinner.megadistudio.com.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.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity implements AdapterView.OnItemSelectedListener {
Spinner spinnerOsversions;
TextView selVersion;
private String[] state = { "Cupcake", "Donut", "Eclair", "Froyo",
"Gingerbread", "HoneyComb", "IceCream Sandwich", "Jellybean",
"kitkat" };

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
System.out.println(state.length);
selVersion = (TextView) findViewById(R.id.selVersion);
spinnerOsversions = (Spinner) findViewById(R.id.osversions);
ArrayAdapter<String> adapter_state = new ArrayAdapter<String>(this,
android.R.layout.simple_spinner_item, state);
adapter_state
.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
spinnerOsversions.setAdapter(adapter_state);
spinnerOsversions.setOnItemSelectedListener(this);

}

public void onItemSelected(AdapterView<?> parent, View view, int position,
long id) {
spinnerOsversions.setSelection(position);
String selState = (String) spinnerOsversions.getSelectedItem();
Toast.makeText(this, "Selected : " + selState, Toast.LENGTH_LONG).show();
}

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

}
}

Untuk menjalankan aplikasi dari Android Studio , klik Run ikon dari toolbar.


Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel