Base de données ListView

Quand des données provenant d’une Base de Données doivent être affichées sous forme de liste on utilise le composant ListView qui va chercher les informations via un « adapter ».

68747470733a2f2f692e696d6775722e636f6d2f6d6b38324a64322e6a7067

Définition des layouts :

Un layout est nécessaire pour afficher les lignes de la liste

 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   android:orientation="vertical" android:layout_width="match_parent"  
   android:layout_height="match_parent">  
   <TextView  
     android:id="@+id/tvBody"  
     android:layout_width="wrap_content"  
     android:layout_height="wrap_content"  
      />  
   <TextView  
     android:id="@+id/tvPriority"  
     android:layout_width="wrap_content"  
     android:layout_height="wrap_content"  
     android:layout_marginLeft="10dp"    
     />  
   <ImageView  
     android:layout_width="50px"  
     android:layout_height="50px"  
     android:layout_marginLeft="5px"  
     android:layout_marginRight="20px"  
     android:layout_marginTop="5px"  
     android:id="@+id/imageIcon" />  
 </LinearLayout>  

Un autre pour afficher la liste

 <?xml version="1.0" encoding="utf-8"?>  
 <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=".AfficList">  
   <TextView android:text="Liste des icones"   
     android:layout_width="wrap_content"  
     android:layout_height="wrap_content"  
     android:id="@+id/textView" />  
   <ListView  
     android:layout_width="wrap_content"  
     android:layout_height="wrap_content"  
     android:id="@+id/listViewIcon"  
     android:layout_below="@+id/textView"  
     android:layout_alignParentRight="true"  
     android:layout_alignParentEnd="true"  
     android:layout_marginRight="119dp"  
     android:layout_marginEnd="119dp" />  
 </RelativeLayout>  

Définition de la base de données :

Ecrivez une classe DbHelper, attention la base de données doit avoir un champ _id de type INTEGER PRIMARY KEY AUTOINCREMENT

 

  
 public class DbHelper extends SQLiteOpenHelper {  
   private static final String DATABASE_NAME = "dbnumtel.db";  
   private static final int DATABASE_VERSION = 1;  
   public DbHelper(Context context) {  
     super(context, DATABASE_NAME, null, DATABASE_VERSION);  
   }  
   @Override  
   public void onCreate(SQLiteDatabase db) {  
     db.execSQL("CREATE TABLE IF NOT EXISTS contact ( " +  
         "_id INTEGER PRIMARY KEY AUTOINCREMENT," +  
         "nom TEXT," +  
         "numtel TEXT," +  
         "normtel TEXT," +  
         "idico INTEGER)");  
   }  
   public static long CompteEnr(SQLiteDatabase db) {  
     Log.d("Base", "Nb enr=" + String.valueOf(DatabaseUtils.queryNumEntries(db, "contact")));  
     return DatabaseUtils.queryNumEntries(db, "contact");  
   }    
   public static long insertContact(SQLiteDatabase db, String sNom, String sNumTel, String sNormTel, int nIdIco) {  
     ContentValues values = new ContentValues();  
     values.put("nom", sNom);  
     values.put("numtel", sNumTel);  
     values.put("normtel", sNormTel);  
     values.put("idico", nIdIco);  
     return db.insert("contact", null, values);  
   }    
 }  

 Activité principale :

 public class AfficList extends Activity {  
   private SQLiteDatabase dbNumTel;  
   @Override  
   protected void onCreate(Bundle savedInstanceState) {  
     super.onCreate(savedInstanceState);  
     //--  
     DbHelper placeData = new DbHelper(this);  
     dbNumTel = placeData.getWritableDatabase();  
     //  
     setContentView(R.layout.liste_principale);  
     RempliListeIcones();  
     //  
     //-- Query for items from the database and get a cursor back  
     @SuppressLint("Recycle") Cursor todoCursor = dbNumTel.rawQuery("SELECT * FROM contact", null);  
     //-- Find ListView to populate  
     ListView lvItems = (ListView) findViewById(R.id.listViewIcon);  
     //-- Setup cursor adapter using cursor from last step  
     TodoCursorAdapter todoAdapter = new TodoCursorAdapter(this, todoCursor);  
     //-- Attach cursor adapter to the ListView  
     lvItems.setAdapter(todoAdapter);  
        //Enfin on met un écouteur d'évènement sur notre listView
        lvItems.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> a, View v, int position, long id) {
                //on créer une boite de dialogue
                AlertDialog.Builder adb = new AlertDialog.Builder(AfficList.this);
                //on attribut un titre à notre boite de dialogue
                adb.setTitle("Sélection Item");
                //on insère un message à notre boite de dialogue, et ici on affiche le titre de l'item cliqué
                adb.setMessage("Votre choix : "+position);
                //on indique que l'on veut le bouton ok à notre boite de dialogue
                adb.setPositiveButton("Ok", null);
                //on affiche la boite de dialogue
                adb.show();
            }
        });
   }  
   void RempliListeIcones() {  
     String sNomIco;  
     int nIdIco;  
     //-- Test si c'est le premier lancement  
     if (DbHelper.CompteEnr(dbNumTel) == 0) {  
       //-- Si la base est libre on la rempli  
       Field[] drawables = andrologiciels.bdlistview.R.drawable.class.getFields(); //android  
       for (Field f : drawables) {  
         try {  
           sNomIco = f.getName();  
           nIdIco = getDrawable(AfficList.this, sNomIco);  
           //-- on a prefixé par 'x' les images du dossier drawable  
           if (sNomIco.substring(0, 1).equals("x")) {  
             Log.d("Custom", sNomIco + "(" + String.valueOf(nIdIco) + ")=" + sNomIco.substring(1, sNomIco.length()));  
             sNomIco = sNomIco.substring(1, sNomIco.length());  
             DbHelper.insertContact(dbNumTel, sNomIco, "", "", nIdIco);  
           } else  
             Log.d("Systeme", sNomIco);  
         } catch (Exception e) {  
           e.printStackTrace();  
         }  
       }  
     }  
   }  
   //-- Retourne l'identifiant du fichier drawable  
   public static int getDrawable(Context context, String name) {  
     Assert.assertNotNull(context);  
     Assert.assertNotNull(name);  
     return context.getResources().getIdentifier(name,  
         "drawable", context.getPackageName());  
   }  
 }  

Gestion du click :

Il s’agit de récupérer le « curseur » et de se placer à la position correspondant au click. Le « curseur » renvoie la portion de liste affichée à l’écran. La position indique la place cliquée dans cette portion. Pour afficher les éléments du curseur il est nécessaire d’utiliser les champs indiqués dans « l’adapteur ». Exemple :

     //On gére le click sur la liste principale  
     lvItems.setOnItemClickListener(new AdapterView.OnItemClickListener() {  
       @Override  
       public void onItemClick(AdapterView<?> a, View v, int position, long id) {  
         //-- Récupération du curseur (layout des lignes)  
         Cursor cursor = (Cursor) a.getItemAtPosition(position);  
         String name = cursor.getString(cursor.getColumnIndex("nom"));  
         //on créer une boite de dialogue  
         AlertDialog.Builder BoxDiag = new AlertDialog.Builder(AfficList.this);  
         BoxDiag.setTitle("Sélection Item");  
         BoxDiag.setMessage("Votre choix : "+name);  
         BoxDiag.setPositiveButton("Ok", null);  
         BoxDiag.show();  
       }  
     });  

Suppression d’enregistrements et mise à jour de la liste :

  if (DbHelper.deleteContact(dbNumTel, name)==1)  
      {  
       cursor.requery();  
       todoAdapter.notifyDataSetChanged();  
      }  

Gestion du Swipe (glisser droite/gauche) :

cf. page gesture

View story at Medium.com

Références :

https://tausiq.wordpress.com/2012/08/22/android-list-view-from-database-with-cursor-adapter/

http://www.tutorialsbuzz.com/2013/11/android-sqlite-database-with.html

http://www.i-programmer.info/programming/android/7849-android-adventures-listview-and-adapters.html?start=1

Articles récents
Commentaires récents
fatima sur Bienvenue !
AdminDroid sur Bienvenue !
fatima sur Bienvenue !
Archives
Catégories
%d blogueurs aiment cette page :