Android - Contrôle CheckBox

Un CheckBox est un interrupteur marche / arrêt qui peut être basculé par l'utilisateur. Vous devez utiliser des cases à cocher lorsque vous présentez aux utilisateurs un groupe d'options sélectionnables qui ne s'excluent pas mutuellement.

CheckBox

Attributs CheckBox

Voici les attributs importants liés au contrôle CheckBox. Vous pouvez consulter la documentation officielle d'Android pour obtenir la liste complète des attributs et des méthodes associées que vous pouvez utiliser pour modifier ces attributs au moment de l'exécution.

Hérité de android.widget.TextView Classe -

Sr. Non	Attribut et description
1	android:autoText S'il est défini, spécifie que ce TextView a une méthode de saisie textuelle et corrige automatiquement certaines fautes d'orthographe courantes.
2	android:drawableBottom C'est le dessin à dessiner sous le texte.
3	android:drawableRight C'est le dessin à dessiner à droite du texte.
4	android:editable S'il est défini, spécifie que ce TextView a une méthode d'entrée.
5	android:text C'est le texte à afficher.

Hérité de android.view.View Classe -

Sr. Non	Attribut et description
1	android:background Il s'agit d'un dessin à utiliser comme arrière-plan.
2	android:contentDescription Cela définit le texte qui décrit brièvement le contenu de la vue.
3	android:id Cela fournit un nom d'identifiant pour cette vue.
4	android:onClick Il s'agit du nom de la méthode dans le contexte de cette vue à invoquer lorsque l'utilisateur clique sur la vue.
5	android:visibility Cela contrôle la visibilité initiale de la vue.

Exemple

Cet exemple vous guidera à travers des étapes simples pour montrer comment créer votre propre application Android à l'aide de Linear Layout et CheckBox.

Étape	La description
1	Vous utiliserez l'IDE Android Studio pour créer une application Android et la nommerez myapplication sous un package com.example.myapplication comme expliqué dans le chapitre Exemple de Hello World .
2	Modifiez le fichier src / MainActivity.java pour ajouter un événement de clic.
3	Modifiez le contenu par défaut du fichier res / layout / activity_main.xml pour inclure le contrôle de l'interface utilisateur Android.
4	Pas besoin de déclarer les constantes de chaîne par défaut. Android Studio prend en charge les constantes par défaut dans string.xml
5	Exécutez l'application pour lancer l'émulateur Android et vérifier le résultat des modifications effectuées dans l'application.

Voici le contenu du fichier d'activité principal modifié src/MainActivity.java. Ce fichier peut inclure chacune des méthodes fondamentales du cycle de vie.

package com.example.myapplication;

import android.os.Bundle;
import android.app.Activity;
import android.widget.Button;

import android.view.View;
import android.view.View.OnClickListener;

import android.widget.CheckBox;
import android.widget.Toast;

public class MainActivity extends Activity {
   CheckBox ch1,ch2;
   Button b1,b2;

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      
      ch1=(CheckBox)findViewById(R.id.checkBox1);
      ch2=(CheckBox)findViewById(R.id.checkBox2);
      
      b1=(Button)findViewById(R.id.button);
      b2=(Button)findViewById(R.id.button2);
      b2.setOnClickListener(new View.OnClickListener() {
         
         @Override
         public void onClick(View v) {
            finish();
         }
      });
      b1.setOnClickListener(new View.OnClickListener() {
         
         @Override
         public void onClick(View v) {
            StringBuffer result = new StringBuffer();
            result.append("Thanks : ").append(ch1.isChecked());
            result.append("\nThanks: ").append(ch2.isChecked());
            Toast.makeText(MainActivity.this, result.toString(), 
               Toast.LENGTH_LONG).show();
         }
      });
   }
}

Voici le contenu de res/layout/activity_main.xml fichier -

<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: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=".MainActivity">
   
   <TextView
      android:id="@+id/textView1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Example of checkbox"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true"
      android:textSize="30dp" />
      
   <CheckBox
      android:id="@+id/checkBox1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Do you like Tutorials Point"
      android:layout_above="@+id/button"
      android:layout_centerHorizontal="true" />
      
   <CheckBox
      android:id="@+id/checkBox2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Do you like android "
      android:checked="false"
      android:layout_above="@+id/checkBox1"
      android:layout_alignLeft="@+id/checkBox1"
      android:layout_alignStart="@+id/checkBox1" />
   
   <TextView
      android:id="@+id/textView2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignLeft="@+id/checkBox1"
      android:layout_below="@+id/textView1"
      android:layout_marginTop="39dp"
      android:text="Tutorials point"
      android:textColor="#ff87ff09"
      android:textSize="30dp"
      android:layout_alignRight="@+id/textView1"
      android:layout_alignEnd="@+id/textView1" />
      
   <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Ok"
      android:id="@+id/button"
      android:layout_alignParentBottom="true"
      android:layout_alignLeft="@+id/checkBox1"
      android:layout_alignStart="@+id/checkBox1" />
      
   <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Cancel"
      android:id="@+id/button2"
      android:layout_alignParentBottom="true"
      android:layout_alignRight="@+id/textView2"
      android:layout_alignEnd="@+id/textView2" />
      
   <ImageButton
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/imageButton"
      android:src="@drawable/abc"
      android:layout_centerVertical="true"
      android:layout_centerHorizontal="true" />
      
</RelativeLayout>

Voici le contenu de res/values/strings.xml pour définir ces nouvelles constantes -

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">MyApplication</string>	
</resources>

Voici le contenu par défaut de AndroidManifest.xml -

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.myapplication" >
   
   <application
      android:allowBackup="true"
      android:icon="@drawable/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" >
      
      <activity
         android:name="com.example.myapplication.MainActivity"
         android:label="@string/app_name" >
      
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      
      </activity>
      
   </application>
</manifest>

Essayons d'exécuter votre MyApplicationapplication. Je suppose que vous avez créé votreAVDlors de la configuration de l'environnement. Pour exécuter l'application à partir du studio Android, ouvrez l'un des fichiers d'activité de votre projet et cliquez sur l' icône Exécuter dans la barre d'outils. Le studio Android installe l'application sur votre AVD et le démarre et si tout va bien avec votre configuration et votre application, il affichera la fenêtre Emulator suivante -

L'utilisateur doit cocher la case Aimez-vous la case Android ou Aimez-vous la case à cocher Point didacticiel. et appuyez sur le bouton OK, si tout se déroule correctement, il va s'afficher un message toast comme Merci. Ou bien appuyez sur le bouton d'annulation, si l'utilisateur appuie sur le bouton d'annulation, il va fermer l'application

Exercice

Je recommanderai d'essayer l'exemple ci-dessus avec différents attributs de CheckBox dans le fichier XML de mise en page ainsi qu'au moment de la programmation pour avoir une apparence différente de la CheckBox. Essayez de le rendre modifiable, changez la couleur de la police, la famille de police, la largeur, la taille du texte, etc. et voyez le résultat. Vous pouvez également essayer l'exemple ci-dessus avec plusieurs contrôles CheckBox dans une seule activité.