Cara Menggunakan CheckBox di Android Studio

Dalam artikel kali ini saya akan memberikan tutorial tentang bagaimana cara menggunakan CheckBox di Android Studio. CheckBox adalah widget yang digunakan untuk memberikan beberapa pilihan pada penggunanya. Fungsinya hampir mirip seperti RadioButton. Perbedaan antara RadioButton dengan CheckBox adalah jika menggunakan RadioButton, maka pengguna hanya dapat memilih salah satu dari beberapa pilihan yang ada. Sedangkan jika menggunakan CheckBox, maka pengguna dapat memilih lebih dari satu dari beberapa pilihan yang ada.

Note : RadioButton juga bisa berfungsi layaknya CheckBox apabila tidak menggunakan RadioGroup. Silahkan cek dalam artikel RadioGroup dan RadioButton di Android Studio

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.

Contoh ChecBox 1
Contoh CheckBox 2

Nah itulah tutorial singkat cara menggunakan CheckBox di Android Studio dari saya. Semoga artikel ini bisa bermanfaat bagi anda yang sedang belajar pemrograman android dengan menggunakan Android Studio.

Jika anda memiliki pertanyaan mengenai artikel cara menggunakan CheckBox di Android Studio ini, silahkan jangan ragu untuk mencantumkannya lewat kolom komentar atau lewat halaman Hubungi Saya.

Terima Kasih dan Happy Koding.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.