Cara Menerapkan Contoh Widget RadioButton Android

  • Post
    codeorayo
    Keymaster
    none
    RadioButton   adalah salah satu widget yang berfungsi sebagai komponen User Interface (Antar Muka), yang akan menampilkan daftar pilihan ,yang berbentuk seperti titik bulat kecil.Jika di widget CheckBox pengguna memilih dengan Checklist dan bisa memilih lebih dari satu.Namun , di widget RadioButton kalian hanya perlu memilih dengan bulatan kecil saja,dan hanya bisa memilih satu pilihan saja.RadioButton juga merupakan bagian dari RadioGroup.

    [img width=320,height=228]https://4.bp.blogspot.com/-GL555lR-XOc/Vn4FMMFMdqI/AAAAAAAAERY/VMmwqaoJTiU/s320/android-studio-tutorial.png[/img]

    Pada tutorial belajar android kali ini , kita akan mencoba menerapkan widget RadioButton Android.

    Disini kita akan mencoba membuat dua pilihan makanan favorit. Jika pengguna memilih salah satu maka akan muncul pesan text berupa Toast.Untuk lebih jelasnya mari kita coba buat aplikasinya :

    Quote:

     

    1.Pertama kita akan membuat widget RadioButton  dan TextView yang akan kita masukan ke file layout activity_main.xml.

    Copykan baris code berikut ke file layout activity_main.xml.

    activity_main.xml.


  • http://schemas.android.com/apk/res/android“

  •     android:layout_width=”match_parent”

  •     android:layout_height=”match_parent”

  •     android:orientation=”vertical” >

  •  

  •  

  •     

  •         android:id=”@+id/textView”

  •         android:layout_width=”wrap_content”

  •         android:layout_height=”wrap_content”

  •         android:layout_marginBottom=”16dp”

  •         android:text=”Contoh RadioButton Android”

  •         android:textSize=”20sp” />

  •     

  •         android:id=”@+id/textView2″

  •         android:layout_width=”wrap_content”

  •         android:layout_height=”wrap_content”

  •         android:layout_marginBottom=”16dp”

  •         android:text=”Pilih makanan favorit:”

  •         android:textSize=”15sp” />

  •  

  •     

  •         android:id=”@+id/rg”

  •         android:layout_width=”wrap_content”

  •         android:layout_height=”wrap_content”

  •         >

  •  

  •         

  •             android:layout_width=”fill_parent”

  •             android:layout_height=”wrap_content”

  •             android:id=”@+id/rbbaso”

  •             android:text=”Baso Tahu”

  •             />

  •         

  •             android:layout_width=”fill_parent”

  •             android:layout_height=”wrap_content”

  •             android:id=”@+id/rbMie”

  •             android:text=”Mie Ayam”

  •             />

  •  

  •  

  •  

  •     

  •  

  •     

  •         android:layout_width=”fill_parent”

  •         android:layout_height=”fill_parent”

  •         android:gravity=”center|bottom”

  •         android:text=”okedroid.com”

  •         android:textColor=”#2ecc71″

  •         android:textSize=”29sp” />

  •  

  •  



  • 2. Kedua kita buat sebuah file java MainActivity.java 

    Copykan baris code berikut ke file java  MainActivity.java

     MainActivity.java

  • package com.okedroid.myapplication;

  •  

  • import android.os.Bundle;

  • import android.support.v7.app.AppCompatActivity;

  • import android.widget.RadioButton;

  • import android.widget.RadioGroup;

  • import android.widget.RadioGroup.OnCheckedChangeListener;

  • import android.widget.Toast;

  •  

  •  

  • public class MainActivity extends AppCompatActivity implements OnCheckedChangeListener {

  •  

  •     RadioButton rb1,rb2;

  •     RadioGroup rg;

  •  

  •     @Override

  •     protected void onCreate(Bundle savedInstanceState) {

  •         super.onCreate(savedInstanceState);

  •         setContentView(R.layout.activity_main);

  •  

  •         rg = (RadioGroup)findViewById(R.id.rg);

  •         rb1 = (RadioButton)findViewById(R.id.rbbaso);

  •         rb2 = (RadioButton)findViewById(R.id.rbMie);

  •         rg.setOnCheckedChangeListener(this);

  •     }

  •     public void onCheckedChanged(RadioGroup group,

  •                                  int checkedId) {

  •         if(checkedId==R.id.rbbaso)

  •         {

  •             Toast.makeText(this, “Anda Membeli Baso Tahu”,

  •                     Toast.LENGTH_SHORT).show();

  •  

  •         }

  •         if(checkedId==R.id.rbMie)

  •         {

  •             Toast.makeText(this, “Anda Membeli Mie Ayam”, Toast.LENGTH_SHORT).show();

  •         }

  •  

  •     }

  • }


    3.Jika kalian ingin mengedit judul app kalian bisa ke app/res/value/string.xml

    Seperti pada gambar di bawah:

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=320,height=136]https://4.bp.blogspot.com/-zXqSSiGgxsU/VojZ7k_LEOI/AAAAAAAAEdI/3etnfYSk_ZY/s320/Cara-Menerapkan-Contoh-Widget-CheckBox-Android.png[/img][/td]
    [td]file string.xml[/td]
    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=320,height=139]https://3.bp.blogspot.com/-RpnugkwIP-o/VojacCV7mkI/AAAAAAAAEdQ/KO9nL4Yo2TI/s320/Cara-Menerapkan-Contoh-Widget-CheckBox-Android2.png[/img][/td]
    [td]Preview di Android Studio[/td]

    Setelah itu, kita coba jalankan Aplikasinya di Software IDE Android Studio,

    Hasilnya kurang lebih seperti gambar dibawah:

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=163,height=320]https://4.bp.blogspot.com/-RzfizADRUFM/Voja9WzqbPI/AAAAAAAAEdY/LLMC23p4JHA/s320/hasil-contoh-radiobutton-android.png[/img][/td]
    [td]Hasil RadioButton Android

    [/td]

    Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com
  • You must be logged in to reply to this topic.