Tutorial Membuat Checkbox Pada Aplikasi Android

thumbnail

Tutorial Membuat Checkbox Pada Aplikasi Android ini sederhana. Kali ini saya akan memberikan info pada teman-teman semua cara membuat serta menggunakan Checkbox pada sebua aplikasi android. Penggunaan checkbox bertujuan untuk memudahkan user dalam mengambil keputusan.

Checkbox merupakan elemen UI yang diturunkan dari tipe compund button. Widget tersebut berguna untuk mencatat status kondisi dalam aplikasi. Pada checkbox sendiri dapat membuat beberapa kondisi dengan menggunakan beberapa checkbox (multiple choices).

Disini saya akan memberikan contoh aplikasi sederhana penggunaan checkbox mengenai lokasi liburan yang ingin didatangi. Dari beberapa pilihan yang sudah disediakan menggunakan beberapa checkbox, saat user menekan tombol submit hasilnya akan ditampilkan pada textview dibawahnya.

Disini anda harus membuat project baru, lalu membuka activity_main.xml untuk mendesain layout. Lihat source code dibawah.

Tutorial Membuat Checkbox Pada Aplikasi Android

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_margin="8dp" android:orientation="vertical" tools:context="com.inpows.checkboxexmple.MainActivity">

   <TextView android:id="@+id/textView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="8dp" android:layout_marginTop="8dp" android:gravity="center" android:text="Liburan di:" android:textSize="18sp" android:textStyle="bold" />

   <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">

       <CheckBox android:id="@+id/checkbox1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Perancis" />

       <CheckBox android:id="@+id/checkbox2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Jepang" />

       <CheckBox android:id="@+id/checkbox3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Indonesia" />
   </LinearLayout>

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

   <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="8dp" android:layout_marginTop="8dp" android:gravity="center" android:text="Output" android:textSize="18sp" android:textStyle="bold" />

   <TextView android:id="@+id/pilihan_satu" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Pilihan 1: Kosong" android:textColor="#000000" android:textSize="14sp" />

   <TextView android:id="@+id/pilihan_dua" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="8dp" android:text="Pilihan 2: Kosong" android:textColor="#000000" android:textSize="14sp" />

   <TextView android:id="@+id/pilihan_tiga" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="8dp" android:text="Pilihan 3: Kosong" android:textColor="#000000" android:textSize="14sp" />

</LinearLayout>

Kalian juga dapat menambahkan atribut android:checked pada <checkbox>, jika anda men-set menjadi “true” maka status pada checkbox menjadi checked secara default checkbox akan langsung terpilih saat applikasi pertama kali dijalankan.

Lalu buka file MainActivity.java, kita akan menggunakan fungsi isChecked() untuk menandakan apakah kondisi tersebut true.

Baca Juga:

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

   private CheckBox checkbox1, checkbox2, checkbox3;
   private Button submit;
   private TextView pilihan1, pilihan2, pilihan3;
   private String tempat1, tempat2, tempat3;

   @Override
   protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_main);
       pilihan1 = findViewById(R.id.pilihan_satu);
       pilihan2 = findViewById(R.id.pilihan_dua);
       pilihan3 = findViewById(R.id.pilihan_tiga);
       submit = findViewById(R.id.submit);
       checkbox1 = findViewById(R.id.checkbox1);
       checkbox2 = findViewById(R.id.checkbox2);
       checkbox3 = findViewById(R.id.checkbox3);

       submit.setOnClickListener(new View.OnClickListener() {
           @Override
           public void onClick(View v) {
               if (checkbox1.isChecked()) {
                   tempat1 = (String) checkbox1.getText();
               } else {
                   tempat1 = "Kosong";
               }
               if (checkbox2.isChecked()) {
                   tempat2 = (String) checkbox2.getText();
               } else {
                   tempat2 = "Kosong";
               }
               if (checkbox3.isChecked()) {
                   tempat3 = (String) checkbox3.getText();
               } else {
                   tempat3 = "Kosong";
               }

               pilihan1.setText("Pilihan 1: " + tempat1);
               pilihan2.setText("Pilihan 2: " + tempat2);
               pilihan3.setText("Pilihan 3: " + tempat3);
           }
       });

   }
}

Klik Run ‘app’ (Shift+F10) dan kamu akan mendapat hasil seperti screenshot dibawah.

Tutorial Membuat Checkbox Pada Aplikasi Android
Tutorial Membuat Checkbox Pada Aplikasi Android
Back To Top