{"id":878,"date":"2016-02-10T07:58:23","date_gmt":"2016-02-10T07:58:23","guid":{"rendered":"http:\/\/abhiandroid.com\/ui\/?page_id=878"},"modified":"2019-06-12T06:44:21","modified_gmt":"2019-06-12T06:44:21","slug":"checkbox","status":"publish","type":"page","link":"https:\/\/abhiandroid.com\/ui\/checkbox","title":{"rendered":"CheckBox Tutorial With Example In Android Studio"},"content":{"rendered":"

In Android, CheckBox is a type of two state button either unchecked or checked in Android. Or you can\u00a0say it is a type of\u00a0on\/off switch that can be toggled by the users. You should use checkbox when presenting a group of selectable options to users that are not mutually exclusive.\u00a0CompoundButton is the parent class of CheckBox class.<\/p>\n

\"CheckBox\"<\/center>In android there is a lot of usage of check box. For example, to take survey in\u00a0Android app we can list few options and allow user to choose using CheckBox. The\u00a0user will\u00a0simply checked these checkboxes rather than type their own option in EditText<\/a>. Another very common use of CheckBox is as remember me option in\u00a0Login form.<\/p>\n

CheckBox code in XML:<\/strong><\/p>\n

<CheckBox\r\nandroid:id=\"@+id\/simpleCheckBox\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:text=\"Simple CheckBox\"\/>\r\n<\/pre>\n
\"CheckBox<\/center>Important Note:<\/strong><\/span> You can check the current state of a check box programmatically by using isChecked() method. This method returns a Boolean value either\u00a0true or false, if a check box is checked then it returns true otherwise it returns false. Below is an example code in which we checked the current state of a check box.<\/p>\n
\/\/initiate a check box\r\nCheckBox simpleCheckBox = (CheckBox) findViewById(R.id.simpleCheckBox<\/em>);\r\n\r\n\/\/check current state of a check box (true or false)\r\nBoolean checkBoxState = simpleCheckBox.isChecked();\r\n<\/pre>\n
\n
Attributes of CheckBox:<\/strong><\/h4>\n
Now let\u2019s \u00a0we discuss important\u00a0attributes that helps us to configure a check box in XML\u00a0file (layout).<\/p>\n
1.id:<\/strong><\/span>\u00a0id is an attribute used to uniquely identify a check box. Below we set the id of a image button.<\/p>\n
<CheckBox\r\nandroid:id=\"@+id\/simpleCheckBox\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:text=\"Simple CheckBox\"\/><\/pre>\n
2. checked: <\/strong><\/span>checked is an attribute of check box used to set the current state of a check box. The value should be true or false where true shows the checked state and false shows unchecked state of a check box. The default value of checked attribute is false. We can also set the current state programmatically.<\/p>\n
Below is an example code in which we set true value for checked attribute that sets the current state to checked.<\/p>\n
<CheckBox\r\n    android:id=\"@+id\/simpleCheckBox\"\r\n    android:layout_width=\"wrap_content\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:text=\"Simple CheckBox\" \r\n    android:checked=\"true\"\/> <!--set the current state of the check box--><\/pre>\n
\"checked<\/center>Setting Current State Of CheckBox\u00a0In Java Class:<\/strong><\/p>\n
Below we set the current state of CheckBox in java class.<\/p>\n
\/*Add in Oncreate() funtion after setContentView()*\/\r\n\/\/ initiate a check box\r\nCheckBox simpleCheckBox = (CheckBox) findViewById(R.id.simpleCheckBox<\/em>);\r\n\r\n\/\/ set the current state of a check box\r\nsimpleCheckBox.setChecked(true);\r\n<\/pre>\n
3. gravity: <\/strong><\/span>The gravity attribute is an optional attribute which is used to control the alignment of the text in CheckBox like left, right, center, top, bottom, center_vertical, center_horizontal etc.<\/p>\n
Below we set the right and center_vertical gravity for the text of a check box.<\/p>\n
<CheckBox\r\n    android:id=\"@+id\/simpleCheckBox\"\r\n    android:layout_width=\"fill_parent\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:text=\"Simple CheckBox\"\r\n    android:checked=\"true\"\r\n    android:gravity=\"right|center_vertical\"\/>  <!-- gravity of the check box--><\/pre>\n
\"gravity<\/center>4. text:<\/strong><\/span> text attribute is used to set the text in a check box. We can set the text in xml as well as in the java class.<\/p>\n
Below is the example code with explanation included in which we set the text \u201cText Attribute Of Check Box\u201d for a check box.<\/p>\n
<CheckBox\r\n    android:id=\"@+id\/simpleCheckBox\"\r\n    android:layout_width=\"wrap_content\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:checked=\"true\"\r\n    android:text=\"Text Attribute Of Check Box\"\/> <!--displayed text of the check box--><\/pre>\n
\"test<\/center>Setting text in CheckBox\u00a0In Java class:<\/strong><\/p>\n
Below is the example code in which we set the text of a check box programmatically means in java class.<\/p>\n
\/*Add in Oncreate() funtion after setContentView()*\/\r\n\/\/ initiate check box\r\nCheckBox simpleCheckBox = (CheckBox) findViewById(R.id.simpleCheckBox<\/em><\/strong>);\r\n\r\n\/\/ displayed text of the check box\r\nsimpleCheckBox.setText(\"Text Attribute Of Check Box\"<\/strong>);<\/pre>\n
5. textColor:<\/strong><\/span> textColor attribute is used to set the text color of a check box. Color value is in form of “#argb”, “#rgb”, “#rrggbb”, or “#aarrggbb”.<\/p>\n
Below we set the red color for the displayed text of a check box.<\/p>\n
<CheckBox\r\n    android:id=\"@+id\/simpleCheckBox\"\r\n    android:layout_width=\"wrap_content\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:text=\"Text is Red Color\"\r\n    android:textColor=\"#f00\" \r\n    android:checked=\"true\"\/> <!-- red color for the text of check box--><\/pre>\n
\"textColor<\/center>Setting textColor in CheckBox In Java class:<\/strong><\/p>\n
Below we set the text color of a check box programmatically.<\/p>\n
\/*Add in Oncreate() funtion after setContentView()*\/\r\n\/\/initiate the checkbox\r\nCheckBox simpleCheckBox = (CheckBox) findViewById(R.id.simpleCheckBox<\/em><\/strong>);\r\n\r\n\/\/red color for displayed text\r\nsimpleCheckBox.setTextColor(Color.RED<\/em><\/strong>);\r\n<\/pre>\n
6. textSize:<\/strong><\/span>\u00a0textSize attribute is used to set the size of text of a check box. We can set the text size in sp(scale independent pixel) or dp(density pixel).<\/p>\n
Below is the example code in which we set the 20sp size for the text of a check box.<\/p>\n
<CheckBox\r\n    android:id=\"@+id\/simpleCheckBox\"\r\n    android:layout_width=\"wrap_content\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:text=\"Text size Attribute Of Check Box\"\r\n    android:textColor=\"#00f\"\r\n    android:checked=\"false\"\r\n    android:textSize=\"20sp\"\/><!--set Text Size of text in CheckBox--><\/pre>\n
\"textSize<\/center>Setting Text Size in CheckBox In Java class:<\/strong><\/p>\n
Below we set the text size of a check box in java class.<\/p>\n
\/*Add in Oncreate() funtion after setContentView()*\/\r\nCheckBox simpleCheckBox = (CheckBox) findViewById(R.id.simpleCheckBox<\/em><\/strong>);\r\n\/\/set 20sp displayed text size\r\nsimpleCheckBox.setTextSize(20);\r\n<\/pre>\n
7. textStyle:<\/strong><\/span>\u00a0textStyle attribute is used to set the text style of the text of a check box. The possible text styles are bold, italic and normal.\u00a0 If we need to use two or more styles for a text view then \u201c|\u201d operator is used for that.<\/p>\n
Below we set the bold and italic text styles for text of a check box.<\/p>\n
<CheckBox\r\n    android:id=\"@+id\/simpleCheckBox\"\r\n    android:layout_width=\"wrap_content\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:text=\"Text Style Attribute Of Check Box\"\r\n    android:textColor=\"#44f\"\r\n    android:textSize=\"20sp\"\r\n    android:checked=\"false\"\r\n    android:textStyle=\"bold|italic\"\/><\/pre>\n
\"textStyle<\/center>8. background:<\/strong><\/span>\u00a0background attribute is used to set the background of a check box. We can set a color or a drawable in the background of a check box.<\/p>\n
Below we set the black color for the background, white color for the displayed text of a check box.<\/p>\n
<CheckBox\r\n    android:id=\"@+id\/simpleCheckBox\"\r\n    android:layout_width=\"wrap_content\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:text=\"Text size Attribute Of Check Box\"\r\n    android:textColor=\"#fff\"\r\n    android:textSize=\"20sp\"\r\n    android:textStyle=\"bold|italic\"\r\n    android:checked=\"true\"\r\n    android:background=\"#000\" \/><!-- black background for the background of check box--><\/pre>\n
\"Background<\/center>Setting Background in CheckBox In Java class:<\/strong><\/p>\n
Below is the example code in which we set the background color of a check box programmatically means in java class.<\/p>\n
\/*Add in Oncreate() funtion after setContentView()*\/\r\nCheckBox simpleCheckBox = (CheckBox) findViewById(R.id.simpleCheckBox<\/em><\/strong>);\r\n\/\/ set background in CheckBox\r\nsimpleCheckBox.setBackgroundColor(Color.BLACK<\/em><\/strong>);\r\n<\/pre>\n
9. padding:<\/span>\u00a0<\/strong>padding attribute is used to set the padding from left, right, top or bottom.<\/p>\n