Sample Spinner Android

5/16/2018 Sample Spinner Android - slidepdf.com

http://slidepdf.com/reader/full/sample-spinner-android 1/6

Berbagi Informasi Bersama …

@BhimaCalbara73IT – Programming – Serba Serbi

B h i e m o t i o n l a b . A n d r o i d > B h i m a C a l b a r a

BHIEMOTION LAB. ANDROID BHIEMA W CALBARA

TUTORIAL : MEMBUAT SPINNER DENGAN CLICK EVENT

Kita masih belajar android di tingkat dasar, tutorial kali ini akan membahas

mengenai komponen Spinner (Combo Box) yang terdapat pada anroid. Komponen

spinner ini sangat berguna sekali ketika kita membuat sebuah pilihan banyak pada

aplikasi yang sedang dibuat. Pada tutorial ini, kita akan membuat Spinner yang

digunakan untuk memilih agama yang biasanya ditemukan di dalam sebuah

aplikasi biodata. Berikut adalah gambarnya.

Gambar 1. Contoh Aplikasi

Nah, bagaimana cara membuatnya? Dalam tutorial ini bambam akan

menyajikannya dengan mudah. Tentu kalian sudah familiar dengan java dan xml

bukan? Bagi yang sudah familiar pasti akan mudah sekali. Bagaimana dengan

yang belum? Jangan khawatir, ikuti saja syntax yang ada di tutorial ini, untuk

pemahamannya bisa belakangan. Mari kita mulai membuatnya. Cekibrroottt…:D






1. Jalankan program Eclipse kebanggaan Anda

2. Pilih File > New > Android Project

3. Isikan detail project dibawah ini ketika kalian membuat new project (projek

baru).

Properties Value

Project Name Spinner_Sample

Build Target Android 2.3

Package Name com.namapackage

Application Name Spinner

Create Activity Main

Min. SDK Version 9

4. Buka file strings.xml (Gambar 3. )

Gambar 2. File strings.xml

Kemudian tambahkan kode berikut :

<string name="prompt">Pilih Agama</string> <string-array name="agama"> <item name="islam">Islam</item> <item name="katolik">Katolik</item> <item name="protestan">Protestan</item> <item name="hindu">Hindu</item> <item name="budha">Budha</item>

</string-array>






5. Pada package explorer, pilih Spinner_Sample > res > layout > main.xml

Lihat Gambar 2

Gambar 3. Package Explorer

Setelah Anda buka file main.xml, kemudian ganti kode yang sudah ada

sebelumnya dengan kode (syntax) dibawah ini.

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView

android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/prompt" android:textSize="25sp" android:gravity="center" />

<Spinner android:id="@+id/spinner" android:prompt="@string/prompt" android:layout_width="fill_parent" android:layout_height="50dp" />

<Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Submit" />

</LinearLayout>






6. Setelah Anda mengganti kode xml diatas, kemudian buka file Main.java

Lihat gambar berikut :

Gambar 4. Membuka file Main.java

Ganti semua kode yang ada di file Main.java dengan kode berikut :

package com.calbara.SpinnerSample;

import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.ArrayAdapter;import android.widget.Button;import android.widget.Spinner;import android.widget.Toast;

public class Main extends Activity {/** Called when the activity is first created. */

@Override public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);

Spinner s = (Spinner) findViewById(R.id.spinner );ArrayAdapter<CharSequence> adapter =

ArrayAdapter.createFromResource (this, R.array.agama,

android.R.layout.simple_spinner_dropdown_item);s.setAdapter(adapter);s.setOnItemSelectedListener(new

MyOnSelectedItemListener());

Button b = (Button) findViewById(R.id.button);b.setOnClickListener(new OnClickListener() {

@Override public void onClick(View v) {

// TODO Auto-generated method stub Spinner sp = (Spinner)

findViewById(R.id.spinner );String spinnerstring = null;spinnerstring =

sp.getSelectedItem().toString();






int nPos = sp.getSelectedItemPosition();

Toast.makeText(getApplicationContext(),"Get Selected Item = " + spinnerstring, Toast.LENGTH_LONG ).show();

Toast.makeText(getApplicationContext(),"Get Item Position = " + nPos, Toast.LENGTH_LONG ).show();

}});

}}

7. Setelah itu, kita akan membuat file class baru dengan nama

MyOnSelectedItemsListener.java . Caranya pada package tempatpenyimpanan class Main.java Anda pilih nama packagenya, kemudian klik

kanan pada package yang terpilih tersebut, pilih New > Class > Kemudian

beri nama class tersebut dengan nama MyOnSelectedItemsListener. Lihat

gambar berikut mengenai cara membuatnya :

Gambar 5. Membuat file java class baru






8. Setelah File MyOnSelectedItemsListener.java berhasil dibuat, lalu buka file

MyOnSelectedItemsListener.java tersebut, kemudian ganti semua kode

yang sudah ada sebelumnya dengan kode dibawah ini :

package com.calbara.SpinnerSample;

import android.view.View;import android.widget.AdapterView;import android.widget.Toast;import android.widget.AdapterView.OnItemSelectedListener;

public class MyOnSelectedItemListener implements OnItemSelectedListener {

@Override

public void onItemSelected(AdapterView<?> parent, View view,int pos,

long id) {// TODO Auto-generated method stub Toast.makeText(parent.getContext(),

parent.getItemAtPosition(pos).toString(),Toast.LENGTH_LONG ).show();

}

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

// TODO Auto-generated method stub }

}

9. Setelah pekerjaan diatas sudah beres, maka kita lakukan Run dengan

menggunakan shortcut CTRL+F11 atau dengan cara klik kanan Package >

Run As > Android Project. Hasil Running dapat dilihat pada gambar 1

Profile Penulis

Bhiema W Calbara, Saat menulis tutorial ini yang

sedang kalian simak ini, penulis sedang mengerjakan

tugas akhir di Universitas Padjadjaran. Iseng-iseng ngulik

android sambil mengusir kejenuhan di Garasi belakang

rumah.

Apabila ada pertanyaan, kritik, dan saran dapat langsung dikirim ke

[email protected]

mailto:[email protected]



Sample Spinner Android

Documents

Transcript of Sample Spinner Android