Praktikum ANDROID

ANDROID

FOR

BEGINNER MODUL 9 ![ANDROID SPINNER CHECKBOX RADIO BUTTON]

!!!!!SUDARYATNO yatnosudar@gmail.com | @dodulz | facebook : yatno.sudar

Page � of �1 9

Praktikum ANDROIDANDROID SPINNER CHECKBOX RADIO BUTTON

!Spinner

Spinner atau bisa juga disebut combobox (dalam sebagian bahasa pemograman). Digunakan

sebagai selected pemilihan cepat dengan item yang jumlahnnya banyak.

script diatas digunakan untuk menampilkan widget spinner, di Android Layout XML. Kemudian

kita membuat String array di strings.xml seperti berikut :

string array diatas digunakan sebagai item dari spinner.

Page � of �2 9

<Spinner android:id="@+id/planets_spinner" android:layout_width="fill_parent" android:layout_height="wrap_content" />

<string-array name="planets_array"> <item>Mercury</item> <item>Venus</item> <item>Earth</item> <item>Mars</item> <item>Jupiter</item> <item>Saturn</item> <item>Uranus</item> <item>Neptune</item> </string-array>

Praktikum ANDROID

code diatas digunakan untuk ngisi spinner dengan string array yang sudah kita daftarkan di

strings.xml

!CheckBox

Checkbox digunakan pada form yang bersifat check. Bisa di pilih atau bisa juga tidak dan bersifat

multiselect.

Dan di activity kita bisa menggunakan action berikut :

Page � of �3 9

Spinner spinner = (Spinner) findViewById(R.id.planets_spinner);!ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(this, R.array.planets_array, android.R.layout.simple_spinner_item);!adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);!spinner.setAdapter(adapter);

<CheckBox android:id="@+id/checkbox_meat" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/meat" android:onClick="onCheckboxClicked"/> <CheckBox android:id="@+id/checkbox_cheese" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/cheese" android:onClick="onCheckboxClicked"/>

boolean checked = ((CheckBox) view).isChecked(); switch(view.getId()) { case R.id.checkbox_meat: if (checked) // action else // action break; case R.id.checkbox_cheese: if (checked) // action else // action break; }

Praktikum ANDROIDRadio Button

Radio button widget yang digunakan pada form bersifat selected one atau hanya dipilih salah

satu dari beberapa radio button. Seperti contoh berikut ini.

Code berikut digunakan untuk membuat radio button. RadioButton di linkupi oleh RadioGroup,

tujuannya agar RadioButton yang ada di group hanya dapat dipilih salah satu saja.

!

Page � of �4 9

<?xml version="1.0" encoding="utf-8"?><RadioGroup xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical"> <RadioButton android:id="@+id/radio_pirates" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/pirates" android:onClick="onRadioButtonClicked"/> <RadioButton android:id="@+id/radio_ninjas" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/ninjas" android:onClick="onRadioButtonClicked"/></RadioGroup>

public void onRadioButtonClicked(View view) { boolean checked = ((RadioButton) view).isChecked(); switch(view.getId()) { case R.id.radio_pirates: if (checked) // Pirates are the best break; case R.id.radio_ninjas: if (checked) // Ninjas rule break; }}

Praktikum ANDROID

PRAKTIKUM !Tujuan : membuat spinner, radio button, dan checkbox!Scope : Spinner, RadioButton CheckBox!!1. Buat project baru!2. Buat code berikut di xml layout :!

Page � of �5 9

<RelativeLayout 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: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=".MainActivity" >! <RadioGroup android:id="@+id/radioGroup1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignLeft="@+id/spinners_planet" android:layout_below="@+id/spinners_planet" android:orientation="vertical" >! <RadioButton android:id="@+id/radio_pirates" android:layout_width="match_parent" android:layout_height="wrap_content" android:onClick="onRadioButtonClicked" android:text="Bajak Laut" />! <RadioButton android:id="@+id/radio_ninjas" android:layout_width="match_parent" android:layout_height="wrap_content" android:onClick="onRadioButtonClicked" android:text="Ninja" /> </RadioGroup>! <Spinner android:id="@+id/spinners_planet" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="22dp" android:layout_marginBottom="22dp"/>!

Praktikum ANDROID

3. Edit MainActivity.java!code berikut ini digunakan untuk menangkap inputan dari Spinner, RadioButton, dan Checkbox. Coba perhatikan di android XML di masing masing RadioButton dan Checkbox terdapat onClick!tujuannya agar di file java di buat method yang sama dengan nama di xml sebagai action dari RadioButton dan Checkbox

Page � of �6 9

<CheckBox android:id="@+id/checkbox_meat" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignLeft="@+id/radioGroup1" android:layout_below="@+id/radioGroup1" android:layout_marginTop="30dp" android:onClick="onCheckboxClicked" android:text="Bakso" />! <CheckBox android:id="@+id/checkbox_cheese" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignLeft="@+id/radioGroup1" android:layout_below="@+id/checkbox_meat" android:onClick="onCheckboxClicked" android:text="Keju" />! <Button android:id="@+id/button1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignLeft="@+id/checkbox_cheese" android:layout_below="@+id/checkbox_cheese" android:layout_marginTop="49dp" android:text="Button" android:onClick="_onClick" />!</RelativeLayout>

Praktikum ANDROID

Page � of �7 9

public class MainActivity extends Activity { private Spinner spiners_planet; private StringBuffer checkbox_result = new StringBuffer(); private String checkbox, radio_result = "";! @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); spiners_planet = (Spinner) findViewById(R.id.spinners_planet);! ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource( this, R.array.planets_array, android.R.layout.simple_spinner_item); adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); spiners_planet.setAdapter(adapter); }! @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; }! public void _onClick(View view) { Toast.makeText( MainActivity.this, "Spinner : " + spiners_planet.getSelectedItem().toString() + " \n" + "RadioButton : " + radio_result + " \n " + "Checkbox : " + checkbox + " \n ", Toast.LENGTH_LONG) .show(); checkbox_result = null; checkbox_result = new StringBuffer(); }! public void onCheckboxClicked(View view) { boolean checked = ((CheckBox) view).isChecked(); switch (view.getId()) { case R.id.checkbox_meat: if (checked) checkbox_result.append("Bakso,"); break;

Praktikum ANDROID

!!Tugas : !!1. Buat form biodata diri yang terdiri dari!

1. Nama!2. Alamat!3. Jenis Kelamin (Spinner)!4. Hoby (CheckBox) dengan value (Olahraga, Memancing, Kuliner)!5. Pekerjaan (Spinner) dengan value (PNS, Swasta, Usaha Mandiri)!

2. Tampilkan semua data tersebut di Activity lain dengan menggunakan Intent berparameter

Page � of �8 9

case R.id.checkbox_cheese: if (checked) checkbox_result.append("Keju,"); break; } checkbox = checkbox_result.toString(); }! public void onRadioButtonClicked(View view) { radio_result = ""; boolean checked = ((RadioButton) view).isChecked(); switch (view.getId()) { case R.id.radio_pirates: if (checked) radio_result = "Bajak Laut"; break; case R.id.radio_ninjas: if (checked) radio_result = "Ninja"; break; } }}

Praktikum ANDROID

Page � of �9 9