Première liste Todo - Partie 2 (JAVA)

Dans cette deuxième partie du tuto, nous verrons comment ajouter un élément à une listView, mettre un écouteur sur le DPad ou trackball ou boutton et affiché un toast.

Dans cette deuxième partie du tuto, nous verrons comment ajouter un élément à une listView, mettre un écouteur sur le DPad ou trackball ou boutton et affiché un toast.

Avant de commencer ce tuto je vous conseille de réaliser tout d’abord la première partie concernant l’XML : Première liste Todo - Partie 1 (XML)

Partie 2 : JAVA

On ouvre le fichier : « /src/com.androiddev.todo/todoListActivity.java »

Import

On place tout les imports nécessaires :

import java.util.ArrayList; import android.app.Activity; import android.os.Bundle; import android.view.KeyEvent; import android.view.View; import android.view.View.OnClickListener; import android.view.View.OnKeyListener; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.EditText; import android.widget.ListView; import android.widget.Toast;

Ensuite on doit avoir cette classe et cette fonction :

public class TodoListActivity extends Activity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main);

ListView

On ajoute ceci dans la fonction onCreate :

ListView listViewTodo = (ListView) findViewById(R.id.listToDo); final EditText textTodo = (EditText) findViewById(R.id.textToDo); final ArrayList<String> listTodo = new ArrayList<String>(); final ArrayAdapter<String> adaptTodo; adaptTodo = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, listTodo); listViewTodo.setAdapter(adaptTodo);

• On commence par lié la listView a celle crée dans la partie XML :

ListView listViewTodo = (ListView) findViewById(R.id.listToDo);

• Pareil pour l'editText (le mot final est obligatoire, il permettra d'accedé à notre editText depuis les évenements) :

final EditText textTodo = (EditText) findViewById(R.id.textToDo);

• On créé une ArrayList de String (Sa sera notre liste qui sera dans la listView) :

final ArrayList<String> listTodo = new ArrayList<String>();

• On créé un adaptateur qui liera notre ArrayList à un layout (On peut personnalisé le layout d'une listView, ici on utilise un layout fournit par le SDK : simple_list_item_1) :

final ArrayAdapter<String> adaptTodo;
adaptTodo = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, listTodo);

• On attache l'adaptateur à notre listView :

listViewTodo.setAdapter(adaptTodo);

Ecouteur DPad ou Trackball :

On ajoute à la suite l'écouteur et on appel la fonction d'ajout dans la liste :

textTodo.setOnKeyListener(new OnKeyListener() { public boolean onKey(View v, int keyCode, KeyEvent event) { if (event.getAction() == KeyEvent.ACTION_DOWN) { if (keyCode == KeyEvent.KEYCODE_DPAD_CENTER) { rempliListeTodo(listTodo, textTodo, adaptTodo); return true; } } return false; } });

• On associe l'évenement avec l'editText :

textTodo.setOnKeyListener(new OnKeyListener() {
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                          ...
                         return false;
             }
});

• On fait des tests pour controler qu'il a bien appuyer sur le bouton OK ou la trackball :

...
if (event.getAction() == KeyEvent.ACTION_DOWN) {
                    if (keyCode == KeyEvent.KEYCODE_DPAD_CENTER) {
                    ...
                   }
}
...

• On appelle la fonction que l'on créera bientôt :

...
rempliListeTodo(listTodo, textTodo, adaptTodo);
return true;
...

Ecouteur Button :

On ajoute à la suite l'écouteur du bouton :

Button button = (Button) findViewById(R.id.buttonAdd); button.setOnClickListener(new OnClickListener() { public void onClick(View v) { rempliListeTodo(listTodo, textTodo, adaptTodo); } });

• On associe le button à la version XML

Button button = (Button) findViewById(R.id.buttonAdd);

• On ajoute l'écouteur

button.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                     ...
            }
 });

• On appelle la fonction qui rempli la listView :

...
rempliListeTodo(listTodo, textTodo, adaptTodo);
...

Ajouter à la ListView

Après la méthode onCreate on ajoute notre fonction qui rempli la ListView :

public void rempliListeTodo(ArrayList<String> arrayList, EditText editText, ArrayAdapter<String> arrayAdapter) { if (editText.getText().toString().length() > 0) { arrayList.add(0, editText.getText().toString()); arrayAdapter.notifyDataSetChanged(); editText.setText(""); } else { Toast.makeText(this, "1 caractère minimum !!", Toast.LENGTH_SHORT).show(); } }

• On teste si au moins un caractère a été rentré sinon en affiche un Toast :

if (editText.getText().toString().length() > 0) {
...
} else {
            Toast.makeText(this, "1 caractère minimum !!", Toast.LENGTH_SHORT).show();
}

• On ajoute l'élément à la ArrayList :

arrayList.add(0, editText.getText().toString());

• On applique le changement en appelent l'adaptateur :

arrayAdapter.notifyDataSetChanged();

• Puis on vide l'editText :

editText.setText("");

On arrive à la fin du tuto, voici le récapitulatif :

todoListActivity.java :

package com.androiddev.todo; import java.util.ArrayList; import android.app.Activity; import android.os.Bundle; import android.view.KeyEvent; import android.view.View; import android.view.View.OnClickListener; import android.view.View.OnKeyListener; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.EditText; import android.widget.ListView; import android.widget.Toast; public class TodoListActivity extends Activity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); // On recupère la listView de sa version XML ListView listViewTodo = (ListView) findViewById(R.id.listToDo); // On recupère l'editText de sa version XML final EditText textTodo = (EditText) findViewById(R.id.textToDo); // On crée une liste de chaine de caractère final ArrayList<String> listTodo = new ArrayList<String>(); // On crée un adaptateur de liste final ArrayAdapter<String> adaptTodo; // On lie l'adaptateur avec la liste de chaine de caractere et un layout adaptTodo = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, listTodo); // On associe l'adaptateur à la listeView listViewTodo.setAdapter(adaptTodo); // Ecouteur si on appuie soit sur le bouton OK ou la trackball en étant // sur l'editText textTodo.setOnKeyListener(new OnKeyListener() { public boolean onKey(View v, int keyCode, KeyEvent event) { // si un bouton ou la trackball a été appuyer if (event.getAction() == KeyEvent.ACTION_DOWN) { // si le bouton OK ou la trackball a été appuyer if (keyCode == KeyEvent.KEYCODE_DPAD_CENTER) { // appel de la fonction d'ajout dans la liste rempliListeTodo(listTodo, textTodo, adaptTodo); return true; } } return false; } }); // récupération du bouton grâce à son ID Button button = (Button) findViewById(R.id.buttonAdd); // on applique un écouteur d'évenement au clique sur le bouton ajouter button.setOnClickListener(new OnClickListener() { public void onClick(View v) { // appel de la fonction d'ajout dans la liste rempliListeTodo(listTodo, textTodo, adaptTodo); } }); } // Fonction qui rempli une liste public void rempliListeTodo(ArrayList<String> arrayList, EditText editText, ArrayAdapter<String> arrayAdapter) { // si au moins un caractère a été rentré dans l'editText if (editText.getText().toString().length() > 0) { arrayList.add(0, editText.getText().toString()); arrayAdapter.notifyDataSetChanged(); editText.setText(""); } else { // Sinon un message s'affiche Toast.makeText(this, "1 caractère minimum !!", Toast.LENGTH_SHORT) .show(); } } }