Upload
bhima-w-calbara
View
361
Download
0
Embed Size (px)
Citation preview
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 Page 1
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
5/16/2018 Sample Spinner Android - slidepdf.com
http://slidepdf.com/reader/full/sample-spinner-android 2/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 Page 2
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/16/2018 Sample Spinner Android - slidepdf.com
http://slidepdf.com/reader/full/sample-spinner-android 3/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 Page 3
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>
5/16/2018 Sample Spinner Android - slidepdf.com
http://slidepdf.com/reader/full/sample-spinner-android 4/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 Page 4
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();
5/16/2018 Sample Spinner Android - slidepdf.com
http://slidepdf.com/reader/full/sample-spinner-android 5/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 Page 5
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
5/16/2018 Sample Spinner Android - slidepdf.com
http://slidepdf.com/reader/full/sample-spinner-android 6/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 Page 6
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