Checkboxes In Android

Introduction

 

This article explains Checkboxes in Android. Android Studio is used to create the sample.

 

CheckBox

 

A CheckBox is a type of two-state button that can either be checked or unchecked.

 

In this article I used three CheckBoxes that, when clicked, display a toast that contains the id of that checkbox. If you check the first checkBox then it displays checkbox1 and if you check the second CheckBox then the toast displays checkbox2. I have also used a button so when clicking the button the state of the checkboxes display on the screen that shows which TextBox is selected. If one TextBox is selected then it shows checkbox1:true and another with false. If all the checkboxes are selected then it shows checkbox1:true, checkbox2:true, checkbox3:true.

 

Step 1

 

Create a project like this:

 

 

Step 2

 

Create an XML file and the following.

 

In this, I used three checkboxes and a button that show the state of all the checkboxes on a click.

<RelativeLayout 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:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   android:paddingBottom="@dimen/activity_vertical_margin"
   tools:context=".MainActivity"
   android:background="#83a697">
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Check Box Example"
      android:layout_centerHorizontal="true"
      android:textStyle="bold"
      android:textColor="#00ffff"
      android:textSize="30dp" />
   <CheckBox
      android:id="@+id/checkbox1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginTop="70dp"
      android:text="Check1"
      android:textStyle="bold"
      android:textColor="#00ffff" />
   <CheckBox
      android:id="@+id/checkbox2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginTop="140dp"
      android:text="Check2"
      android:textStyle="bold"
      android:textColor="#00ffff" />
   <CheckBox
      android:id="@+id/checkbox3"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginTop="210dp"
      android:text="Check3"
      android:textStyle="bold"
      android:textColor="#00ffff" />
   <Button
      android:layout_width="wrap_content"
      android:id="@+id/buttonDelete"
      android:layout_height="wrap_content"
      android:layout_marginTop="300dp"
      android:layout_centerHorizontal="true"
      android:textColor="#00ffff"
      android:text="Show Message" />
</RelativeLayout>

Step 3

 

Create a Java class file and write the following.

 

First I created the layout, the id of the checkboxes and button. Now set checkbox1 on its clickListener() and oncheck get the state of the checkbox.  I also used the button to show the state of the checkboxes.

package com.checkboxexample;

import android.os.Bundle;
import android.app.Activity;
import android.view.Gravity;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.Toast;

public class MainActivity extends Activity {

    CheckBox checkBox1, checkBox2, checkBox3;
    Button buttonDelete;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        buttonDelete = (Button) findViewById(R.id.buttonDelete);
        checkBox1 = (CheckBox) findViewById(R.id.checkbox1);
        checkBox2 = (CheckBox) findViewById(R.id.checkbox2);
        checkBox3 = (CheckBox) findViewById(R.id.checkbox3);

        checkBox1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                if (checkBox1.isChecked()) {
                    checkBox1.getText().toString();
                    Toast.makeText(getApplicationContext(), checkBox1.getText().toString(), Toast.LENGTH_LONG).show();
                }
            }
        });
        checkBox2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                checkBox2.getText().toString();
                Toast.makeText(getApplicationContext(), checkBox2.getText().toString(), Toast.LENGTH_LONG).show();

            }
        });

        checkBox3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                checkBox3.getText().toString();
                Toast.makeText(getApplicationContext(), checkBox3.getText().toString(), Toast.LENGTH_LONG).show();

            }
        });
        buttonDelete.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                StringBuffer buffer = new StringBuffer();
                buffer.append("checkBox1 :").append(checkBox1.isChecked());
                buffer.append("\ncheckBox2 :").append(checkBox2.isChecked());
                buffer.append("\ncheckBox3 :").append(checkBox3.isChecked());

                Toast toast=new Toast(getApplicationContext());
           toast.makeText(getApplicationContext(),buffer.toString(),Toast.LENGTH_LONG).show();
            toast.setGravity(Gravity.CENTER_VERTICAL,0,30);
            }
        });
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

Step 4

 

Output image when no checkbox is checked:

 

 

Step 5

 

When one checkbox ic checked:

 

 

Step 6

 

When two checkboxes are checked: