Cara Implementasi Checkbox pada Android Studio

Check Box adalah salah  satu  komponen form  yang difungsikan agar pengguna dapat memilih menu yang tersedia dengan cara mengklik salah satu menu yang ada. perbedaan checkbox dengan radio button adalah checkbox bisa dipilih lebih dari satu pilihan sedangkan radiobutton kita hanya dapat memilih satu saja. contoh untuk checkbox adalah pemilihan hobby dimana kita bisa memiliki lebih dari satu hobby, contoh untuk radio button adalah jenis kelamin dimana kita hanya bisa memilih satu jenis kelamin. Ok tanpa berpanjang lebar lagi yuk kita ikuti tutorial Cara Implementasi Checkbox pada Android Studio dibawah ini.

Cara Implementasi Checkbox pada Android Studio

Cara Implementasi Checkbox pada Android Studio:



1. Buat Project Baru, kemudian kasi nama project sesuai aplikasi yang akan kamu buat, lalu klik Next.
Cara Implementasi Checkbox pada Android Studio

2. Selanjutnya pilih perangkat yang bisa menjalankan aplikasi yang kamu buat. Disini kita membuat aplikasi untuk phone dan tablet. Jadi silahkan pilih Phone dan tablet. Jangan lupa pilih API atau minimum SDK yang dapat menjalankan palikasi mu, saran saya pilih versi paling bawah. Jika sudah kamu bisa klik Next.
Cara Implementasi Checkbox pada Android Studio

3. Kemudian pilih activity pada mobile.activity ini harus kamu sesuaikan dengan aplikasi yang akan kamu buat, karena kita mau buat apllikasi checkbox kita pilih saja yang Empty activity. Jika sudah klik Next.
Cara Implementasi Checkbox pada Android Studio

4. Selnjutnya, isi nama activity sesuai keinginan mu, atau biarkan default. Lalu klik Next.
Cara Implementasi Checkbox pada Android Studio

5. Jika sudah, sekarang kita desain tampilan aplikasinya. Silahkan kamu masukkan komponen berikut:
Cara Implementasi Checkbox pada Android Studio

6. Susun komponen tersebut seperti ini:
Cara Implementasi Checkbox pada Android Studio

7. Jika selesai maka hasilnya akan seperti ini:
Cara Implementasi Checkbox pada Android Studio

8. Anda juga bisa mendesain tamilan melalu koding caranya klik tab TEXT yang berada di bawah atau di saping DESIGN. Lalu ketikkan lah koding berikut:
Coding MainActivity.XML
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.bacacoding.checkbox.MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Silahkan Pilih Hobi Mu:"
        android:textSize="14sp"
        android:textColor="@android:color/background_dark"
        android:layout_marginTop="22dp"
        android:layout_alignParentTop="true"
        android:layout_alignLeft="@+id/cb"
        android:layout_alignStart="@+id/cb" />
    <CheckBox
        android:text="Nonton TV"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginLeft="24dp"
        android:layout_marginStart="24dp"
        android:layout_marginTop="55dp"
        android:id="@+id/cb" />
    <CheckBox
        android:text="Dengerin Musik"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="23dp"
        android:id="@+id/cb0"
        android:layout_below="@+id/cb"
        android:layout_alignLeft="@+id/cb"
        android:layout_alignStart="@+id/cb" />
    <CheckBox
        android:text="Masak"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/cb0"
        android:layout_alignLeft="@+id/cb0"
        android:layout_alignStart="@+id/cb0"
        android:layout_marginTop="24dp"
        android:id="@+id/cb1" />
    <CheckBox
        android:text="Nulis"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_alignLeft="@+id/cb1"
        android:layout_alignStart="@+id/cb1"
        android:id="@+id/cb2" />
    <CheckBox
        android:text="Tidur"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/cb2"
        android:layout_alignLeft="@+id/cb2"
        android:layout_alignStart="@+id/cb2"
        android:layout_marginTop="23dp"
        android:id="@+id/cb3" />
    <Button
        android:text="TAMPILKAN"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/cb3"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="47dp"
        android:id="@+id/btn"
        android:onClick="onClick"/>
</RelativeLayout>
9. Selanjutnya kita masuk ke tab MainActivity.Java. silahkan kamu ketikkan koding atau perintah berikut:
Cara Implementasi Checkbox pada Android Studio
10. Jika kurang jelas, berikut saya lampirkan script codingan nya. Note: usahakan di ketik manual biar ingat dan Jago atau jika ingin copas, copy lah dengan Package nya sekalian biar tidak error.
Coding MainActivity.Java:
package com.bacacoding.checkbox;
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.Toast;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    CheckBox cbox,cbox0,cbox1,cbox2,cbox3; //Deklarasi Variable Checkbox
    Button btn; //Deklarasi Variable Button
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        cbox  = (CheckBox)findViewById(R.id.cb); //cast untuk checkbox1
        cbox0 = (CheckBox)findViewById(R.id.cb0); //cast untuk checkbox1
        cbox1 = (CheckBox)findViewById(R.id.cb1); //cast untuk checkbox1
        cbox2 = (CheckBox)findViewById(R.id.cb2); //cast untuk checkbox1
        cbox3 = (CheckBox)findViewById(R.id.cb3); //cast untuk checkbox1
        btn = (Button)findViewById(R.id.btn); //cast untuk Button
        btn.setOnClickListener((android.view.View.OnClickListener)this);
    }
    public void onClick (View view){
        String a="";
        if (cbox.isChecked()){
            a+="Nonton Se lah Karajo ang \n"; //untuk menampilkan jika kamu memilih chekbox1
        }
        if (cbox0.isChecked()){
            a+="Sambil Nyanyi \n"; //untuk menampilkan jika kamu memilih chekbox1
        }
        if (cbox1.isChecked()){
            a+="Masak Sendiri \n"; //untuk menampilkan jika kamu memilih chekbox1
        }
        if (cbox2.isChecked()){
            a+="Belum bisa nulis \n"; //untuk menampilkan jika kamu memilih chekbox1
        }
        if (cbox3.isChecked()){
            a+="Lalok ka lalok se paja ko \n"; //untuk menampilkan jika kamu memilih chekbox1
        }
        Toast.makeText(this, "Hobi Kamu Adalah: \n"+a, Toast.LENGTH_LONG).show();
    }
}
15. Sekarang coba RUN kan Program anda, jika sukses hasilnya akan seperti ini:
Cara Implementasi Checkbox pada Android Studio

Bagaimana? Mudah bukan? Sekarang kamu bisa menambahkan checkbox di aplikasi android mu. Nah itu tadi sedikit tutorial dari saya, jika ada kekurangan saya mohon maaf. dan jika ada kesalahan silahkan komentar dibawah agar segera saya koreksi. Dan jangan lupa SHARE artikel ini jika bermanfaat menurut kalian, supaya lebih banyak lagi orang yang tau. Sekian dari saya. Terimakasih, Salam Bacacoding.

Previous
Next Post »

1 komentar:

Click here for komentar
Seno
admin
24 Agustus 2020 pukul 17.11 ×

izin sedot gan, lagi butuh referensi, oh ya perkenalkan nama saya Yuli Suseno, jika berkenan mampir ke web kampus kami ya di ISB Atma Luhur. terima kasih

Congrats bro Seno you got PERTAMAX...! hehehehe...
Reply
avatar
Thanks for your comment