Le Tutoriel de Android CheckBox

View more Tutorials:

Tutoriels de programmation Android

1. Android CheckBox
2. CheckBox Events
3. Example de CheckBox
4. Annexe: Conception de l'interface

Suivez-nous sur notre fanpage pour recevoir des notifications chaque fois qu'il y a de nouveaux
articles. Facebook

1- Android CheckBox

Sous Android, la CheckBox est un bouton avec deux états checked (cochés) et
unchecked (non cochés), c'est un composant de base et est très souvent utilisé dans les
applications Android.
Fondamentalement, vous pouvez utiliser plusieurs CheckBox dans l'application pour
permettre aux utilisateurs de sélectionner une ou plusieurs options dans un ensemble de
valeurs.
Par défaut, la CheckBox a un état unchecked, vous pouvez changer son état via la
propriété android:checked.

<CheckBox
android:id="@+id/someId"
android:checked="true"
... />

Quelques propriétés importantes de CheckBox:

Attribute Description

android:checked Spécifiez l'état actuel de la CheckBox.

Alignez (align) le texte de la CheckBox. Les valeurs possibles sont

android:gravity
left, right, center, top, ...

android:text Définissez le contenu du text pour CheckBox.

android:textColor Définissez la couleur de police du texte.

android:textSize Définissez la taille de la police du texte.

 android:textStyle Définir le style du texte (bold, italic, bolditalic).

android:background Définissez la couleur d'arrière-plan pour CheckBox.

android:padding Définir le padding pour CheckBox.

Le nom de la méthode sera appelé lorsque l'utilisateur cliquera

android:onClick
dessus​
​CheckBox.

toggle()

All 4 classes of ToggleButton, CheckBox, RadioButton, Switch are subclasses of

CompoundButton, so they inherit the toggle() method, which is the commonly used
method to change their state from Checked (ON) to Unchecked (OFF), and vice versa.

CompoundButton button = (CheckBox) findViewById(R.id.checkBox);

button.toggle();

2- CheckBox Events

Il existe un certain nombre d'événements liés à un CheckBox, mais les deux événements
suivants sont utilisés le plus souvent:

checkBox.setOnClickListener(View.OnClickListener)
checkBox.setOnCheckedChangeListener(CompoundButton.OnCheckedChangeListener)

On Click Event:

L'événement se produit lorsque l'utilisateur clique (click) sur la CheckBox, tout comme
l'action de l'utilisateur lorsqu'il clique sur un Bouton.

CheckBox chk = (CheckBox) findViewById(R.id.chk1);

chk.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
boolean checked = ((CheckBox) v).isChecked();
// Check which checkbox was clicked
if (checked){
// Your code
}
else{
 // Your code
}
}
});

On Checked Change Event:

L'événement se produit lorsque la CheckBox change d'état, soit par l'action de l'utilisateur,
soit par l'effet d'un appel de méthode checkBox.setChecked(newState), ..

CheckBox chk = (CheckBox) findViewById(R.id.chk1);

chk.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if(isChecked) {
// Your code
} else {
// Your code
}
}
});

3- Example de CheckBox

Exemple d'aperçu:
L'interface de l'exemple d'application:
 “ Remarque: Si vous êtes intéressé par les étapes de conception de l'interface de cette
application, veuillez consulter l'annexe à la fin de l'article.

activity_main.xml

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

<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<TextView
android:id="@+id/textView"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginTop="35dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:text="What programming languages do you like?"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<CheckBox
android:id="@+id/checkBox_checkAll"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginTop="39dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:text="(Check All)"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView" />
<CheckBox
android:id="@+id/checkBox_ccpp"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:text="C/C++"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkBox_checkAll" />

<CheckBox
android:id="@+id/checkBox_csharp"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:text="CSharp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkBox_ccpp" />

<CheckBox
android:id="@+id/checkBox_java"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginLeft="16dp"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp"
android:layout_marginRight="16dp"
android:text="Java"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkBox_csharp" />

<Button
android:id="@+id/button_showResult"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
 android:layout_marginTop="16dp"
android:text="Show Result"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/checkBox_java" />
</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java

package com.example.checkboxexample;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

private CheckBox checkBoxCheckAll;

private CheckBox checkBoxCcpp;
private CheckBox checkBoxCsharp;
private CheckBox checkBoxJava;

private Button buttonShowResult;

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

this.checkBoxCheckAll = (CheckBox) this.findViewById(R.id.checkBox_checkAll);

this.checkBoxCcpp = (CheckBox) this.findViewById(R.id.checkBox_ccpp);
this.checkBoxCsharp = (CheckBox) this.findViewById(R.id.checkBox_csharp);
this.checkBoxJava = (CheckBox) this.findViewById(R.id.checkBox_java);

this.buttonShowResult = (Button) this.findViewById(R.id.button_showResult);

this.buttonShowResult.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
showResult();
}
});
 this.checkBoxCheckAll.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
checkAllCheckedChange(isChecked);
}
});
}

private void showResult() {

String message = null;
if(this.checkBoxCcpp.isChecked()) {
message = this.checkBoxCcpp.getText().toString();
}
if(this.checkBoxCsharp.isChecked()) {
if(message== null) {
message = this.checkBoxCsharp.getText().toString();
} else {
message += ", " + this.checkBoxCsharp.getText().toString();
}
}
if(this.checkBoxJava.isChecked()) {
if(message== null) {
message = this.checkBoxJava.getText().toString();
} else {
message += ", " + this.checkBoxJava.getText().toString();
}
}
message = message == null? "You select nothing": "You select: " + message;
Toast.makeText(this, message, Toast.LENGTH_LONG).show();
}

// When "Check All" change state.

private void checkAllCheckedChange(boolean isChecked) {
this.checkBoxCsharp.setChecked(isChecked);
this.checkBoxCcpp.setChecked(isChecked);
this.checkBoxJava.setChecked(isChecked);
}
}

4- Annexe: Conception de l'interface

Étapes pour concevoir l'interface d'application (de l'exemple ci-dessus).

Définir l'ID, le Text du composant sur l'interface:

textView: textSize="18sp"
View more Tutorials:

Tutoriels de programmation Android

Peut-être que vous êtes intéressé

Voici des leçons en ligne à part du site web o7planning que nous recommandons. La liste
comprend des leçons en ligne et celles en promo.

devstory.net

Fanpages

Facebook

Websites

o7planning.org
devstory.net
 codestory.de
betacode.net
openplanning.net

About Us

Le site Web a été créé en mars 2014 par un groupe de programmeurs et d'auteurs du
Vietnam. Actuellement, le projet prend en charge 5 langues, dont l'anglais, le français,
l'allemand, le russe et le vietnamien