08:31
0

Radio Button adalah salah satu tampilan button pada android yang digunakan untuk memilih / menandai satu atau banyak option.
Radio Button biasanya dideklarasikan salam sebuah Radio Group dimana kita hanya dapat memilih satu Radio Button dalam satu Radio Group tersebut.

Lamgkah pertama adalah tentu membuat tampilan button pada directory res-layout-activity_main.xml.
Berikut adalah contoh xml nya :

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.    xmlns:tools="http://schemas.android.com/tools"
  3.    android:layout_width="wrap_content"
  4.    android:layout_height="match_parent"
  5.    android:paddingBottom="@dimen/activity_vertical_margin"
  6.    android:paddingLeft="@dimen/activity_horizontal_margin"
  7.    android:paddingRight="@dimen/activity_horizontal_margin"
  8.    android:paddingTop="@dimen/activity_vertical_margin"
  9.    tools:context=".MainActivity" >

  10.    <RadioGroup  //  <!dalam radiogrup terdapat 3 id radio button (rb1,rb2,rb3) >
  11.        android:id="@+id/RadioGroup01"
  12.        android:layout_width="wrap_content"
  13.        android:layout_height="wrap_content"
  14.        android:gravity="center_horizontal"
  15.        android:orientation="horizontal" >
  16.         <RadioButton
  17.            android:id="@+id/rb1"
  18.            android:layout_width="wrap_content"
  19.            android:layout_height="wrap_content"
  20.            android:layout_marginLeft="20dp"
  21.            android:text="@string/red"
  22.                  android:checked="true"
  23.                  android:onClick="onRadioButtonClick"/>
  24.        
  25.         <RadioButton
  26.        android:id="@+id/rb3"
  27.        android:layout_width="wrap_content"
  28.        android:layout_height="wrap_content"
  29.        android:layout_marginRight="15dp"
  30.        android:text="@string/blue"  
  31.        android:checked="true"
  32.        android:onClick="onRadioButtonClick"/>
  33.     <RadioButton
  34.        android:id="@+id/rb2"             
  35.        android:layout_width="wrap_content"
  36.        android:layout_height="wrap_content"
  37.        android:text="@string/green"
  38.                 android:checked="true"
  39.                 android:onClick="onRadioButtonClick"/>
  40.    
  41.     </RadioGroup>
  42.     <Button
  43.        android:id="@+id/btn1"
  44.        android:layout_width="wrap_content"
  45.        android:layout_height="wrap_content"
  46.        android:layout_alignLeft="@+id/RadioGroup01"
  47.        android:layout_below="@+id/RadioGroup01"
  48.        android:layout_marginLeft="14dp"
  49.        android:layout_marginTop="23dp"
  50.        android:text="@string/exit" />
  51.     <TextView
  52.        android:id="@+id/textView1"
  53.        android:layout_width="wrap_content"
  54.        android:layout_height="wrap_content"
  55.        android:layout_alignLeft="@+id/RadioGroup01"
  56.        android:layout_below="@+id/RadioGroup01"
  57.        android:text="@string/mpx" /> 
  58.    
  59. </RelativeLayout>

Interface :





Semua string di atas (baris 24,33,41,55,63 )dinyatakan dalam file strings.xml yang terdapat dalam directory res-values-strings.xml
Berikut adalah xml nya:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3.     <string name="app_name">radiobutton</string>
  4.     <string name="action_settings">Settings</string>
  5.     <string name="hello_world">Hello world!</string>
  6.     <string name"red">Red</string>
  7.     <string name"green">Green</string>
  8.     <string name"blue">Blue</string>
  9.     <string name="mpx">Maldini Pandiangan</string>
  10.     <string name="exit">Exit</string>
  11.     
  12.        
  13. </resources>

Berikutnya adalah menambahkan activity pada RadioButton dan juga tombol exit melalui file
src - com.(nama file) - MainActivity.java
Berikut source code nya :

  1. package com.example.radiobutton;
  2. import android.os.Bundle;
  3. import android.app.Activity;
  4. import android.view.View;
  5. import android.view.View.OnClickListener;
  6. import android.widget.Button;
  7. import android.widget.RadioButton;
  8. import android.widget.Toast;
  9. public class MainActivity extends Activity implements OnClickListener   {
  10.         Button btnexit;
  11.        
  12.         @Override
  13.         protected void onCreate(Bundle savedInstanceState) {
  14.                 super.onCreate(savedInstanceState);
  15.                 setContentView(R.layout.activity_main);
  16.                 btnexit = (Button) findViewById(R.id.btn1);
  17.                 btnexit.setOnClickListener(this);
  18.        
  19.         }
  20.        
  21.                
  22.         public void onRadioButtonClick(View v) {
  23.             RadioButton button = (RadioButton) v; <!>
  24.             Toast.makeText(MainActivity.this,
  25.                 button.getText() + " dipilih.",
  26.                 Toast.LENGTH_SHORT).show();
  27.         }
  28.         public void onClick(View v) {
  29.                
  30.                 if (== btnexit){
  31.                         finish();
  32.                 }
  33.                
  34.                
  35.         }
  36.        
  37.        
  38.        
  39.        
  40. }

Penjelasan code :

Baris 26-31 : Menyatakan jika salah satu radio button di pilih maka program akan mengembalikan teks yang                      telah dinyatakan dalam string sebelumnya
Baris 32-37 : Menyatakan jika btnexit dipilih maka aplikasi akan diakhiri.

Hasil :


Ketika salah satu radio button di click maka akan mengembalikan teks pada string dan hanya dapat meilih satu dari 3 radio button karena terdapat dalam satu grup.

file jadi nya : https://www.dropbox.com/s/zxf0omvouasry4o/radiobutton.apk

Demikian postingan saya..




0 comments:

Post a Comment

Total Pageviews

Footer Widget 3

Footer Widget 2

Powered by Blogger.

Labels