Cara Menggunakan CheckBox di Android Studio

Dalam tutorial cara menggunakan CheckBox di Android Studio ini, kita akan membuat contoh aplikasi sederhana dengan menggunakan CheckBox. Kita membuat aplikasi pesan makanan sederhana, yang dimana pengguna dapat memilih satu atau beberapa pilihan makanan yang ada.

a. Pertama, buat projek Android Studio yang baru.

b. Buka file activity_main.xml, kemudian buat kodenya menjadi seperti dibawah ini.


<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:padding="16dp">



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Pilih Pesanan Anda.."

        android:textSize="20sp"

        android:textColor="#000"/>




    <CheckBox

        android:id="@+id/nasi_goreng"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Nasi goreng"

        android:textSize="18sp"/>



    <CheckBox

        android:id="@+id/mie_goreng"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Mie goreng"

        android:textSize="18sp"/>



    <CheckBox

        android:id="@+id/bubur_ayam"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Bubur ayam"

        android:textSize="18sp"/>



    <CheckBox

        android:id="@+id/bakso_urat"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Bakso urat"

        android:textSize="18sp"/>

    <Button

        android:id="@+id/button_pesan"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Pesan"

        android:background="@color/colorPrimary"

        android:textColor="#FFF"

        android:layout_gravity="center_horizontal"

        android:layout_marginBottom="10dp"/>



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Pesanan anda adalah..."

        android:textSize="18sp"

        android:textColor="#000"/>



<TextView

android:id="@+id/hasil_pesanan"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text=""

android:textSize="18sp"

android:textColor="#000"/>

</LinearLayout>

c. Nah, jika kalian ingin membuat Checkbox yang otomatis terceklis ketika aplikasi dijalankan, maka kalian bisa menggunakan atribut dibawah ini.

android:checked="true"

d. Selanjutnya kita langsung buka file MainActivity.java, kemudian anda tuliskan kodenya seperti dibawah ini.


package com.example.a455lj.contohchecbox;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.View;

import android.widget.Button;

import android.widget.CheckBox;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);


final CheckBox nasiGoreng = (CheckBox) findViewById(R.id.nasi_goreng);

final CheckBox mieGoreng = (CheckBox) findViewById(R.id.mie_goreng);

final CheckBox buburAyam = (CheckBox) findViewById(R.id.bubur_ayam);

final CheckBox baksoUrat = (CheckBox) findViewById(R.id.bakso_urat);


        final Button pesan = (Button) findViewById(R.id.button_pesan);

        final TextView hasilPesanan = (TextView) findViewById(R.id.hasil_pesanan);

pesan.setOnClickListener(new View.OnClickListener() {

@Override




public void onClick(View view) {

String pesanan="";

if (nasiGoreng.isChecked()){

pesanan+="Nasi goreng\n";

}if (mieGoreng.isChecked()){

pesanan+="Mie goreng\n";

}if (buburAyam.isChecked()){

pesanan+="Bubur ayam\n";

}if (baksoUrat.isChecked()){

pesanan+="Bakso urat";

}

hasilPesanan.setText(pesanan);

}

});

}

}

Dari contoh di atas kita menggunakan kondisi percabangan (if) untuk menentukan CheckBox apa saja yang dipilih oleh pengguna. Lalu kita juga menggunakan variabel String “pesanan” untuk menyimpan data dari kalimat/kata yang sesuai dengan teks yang ada pada CheckBox. Kemudian kita menampilkan kalimat/kata tersebut kedalam TextView dengan menggunakan kode hasilPesanan.setText(pesanan);

e. Nah, setelah semua langkah-langkahnya selesai, silahkan kalian jalankan projeknya pada emulator atau smartphone android kalian. Hasilnya akan tampak seperti gambar dibawah ini.