mercredi 4 décembre 2013

Faciliter le développement des applications Android

Chers membres du club J2I équipe Android, comme je vous ai proposé voilà les "material design" pour faciliter le développement de vos applications.

Importez->intégrez les dans vos applications->ENJOY 

Android CircleMenu

Fatigué d'être ordinaire? faire des applications de type régulier et en utilisant tous les mêmes et défaut peau Android dans toutes vos applications mobiles?

Un beau Menu Circulaire est prêt pour vous à utiliser cher membres du club J2I.

Vous pouvez télécharger le projet ici


DashBoard Menu

DashBoard est un élément important dans les applications Android qui permet une navigation facile aux fonctionnalités antérieures de l'application.

Vous pouvez télécharger le projet ici


Satellite Menu

Le menu se compose d'un bouton principal en bas à gauche de l'écran. Lorsque l'utilisateur clique sur ce bouton, un certain nombre de boutons sont sauté sur ce bouton.

Vous pouvez télécharger le projet ici



Radial Menu

Un autre type des menus

Vous pouvez télécharger le projet ici


QuiAction


C'est une petite bibliothèque pour créer des dialogues Android.

Vous pouvez télécharger le projet ici



Un autre projet du QuickAction

Vous pouvez télécharger le projet ici


Styled dialogs

Cette bibliothèque fait le style et l'utilisation de dialogues un jeu d'enfant

Vous pouvez télécharger le projet ici



To be Continued chez J2I... 

lundi 2 décembre 2013

ListView avec ArrayList

Comme nous avons vu pendant la séance précédente, les ListView sont très utiles pour afficher clairement un grand nombre de données. Nous allons donc voir comment utiliser une ListView avec ArrayList.

Alors comme d’habitude avant de se lancer dans le code je vous montre ce que l’on veut faire :


Contenu de la classe ArrayList

La classe ArrayList permet de construire des tableaux de taille variable. De la même manière qu’un tableau (un tableau d’int, de char, de String...), une ArrayList contient des valeurs d’un type donné. On doit préciser ce type quand on déclare la variable. Pour cela, on fait suivre le nom de la classe ArrayList par le type des éléments, entre chevrons (< et >).

Par exemple : ArrayList<String> maListe; déclare la variable maListe comme étant une référence vers une ArrayList de Strings. Une ArrayList est un objet, et comme les tableaux, les objets sont créés par l’exécution de l’instruction new. Nous verrons plus tard les détails. Pour l’instant, il suffit de comprendre que

maListe= new ArrayList<String>(); va créer une ArrayList vide.

Utilisation

  •  la méthode size(), qui est une fonction, retourne la longueur d’une ArrayList
Exemple : int long= maListe.size()
  •  la méthode get(int i) renvoie l’entrée de la case numéro i
Exemple : public static int somme(ArrayList<Integer> liste) { 
      int s=0; for (int i= 0; i < liste.size(); i++) { s= s + liste.get(i); }
      return s; 
  }
  • la méthode add(element) ajoute un élément à la fin de la liste
Exemple : ArrayList<String> l= new ArrayList<String>(); 
    l.add("Slim"); 
    l.add("ISAMM"); 
    l.add("J2I");
  • la méthode set(int i, element) remplace l’ancienne valeur qui était dans la case i par element, i doit être inférieure à la size() de l’ArrayList.
  • la méthode remove(int i) supprime l’élément qui est dans la case i;
  • la méthode clear() vide la liste.

ListView

Fichier activity_mainl.xml

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:layout_width="fill_parent"
  3.     android:layout_height="fill_parent"
  4.     android:orientation="vertical" >

  5.     <EditText
  6.         android:id="@+id/nom"
  7.         android:layout_width="match_parent"
  8.         android:layout_height="wrap_content"
  9.         android:ems="10" >
  10.     </EditText>

  11.     <LinearLayout
  12.         android:layout_width="match_parent"
  13.         android:layout_height="wrap_content" >

  14.         <Button
  15.             android:id="@+id/add"
  16.             android:layout_width="wrap_content"
  17.             android:layout_height="wrap_content"
  18.             android:layout_weight="1"
  19.             android:text="Ajouter" />

  20.         <Button
  21.             android:id="@+id/find"
  22.             android:layout_width="wrap_content"
  23.             android:layout_height="wrap_content"
  24.             android:layout_weight="1"
  25.             android:text="Chercher" />

  26.         <Button
  27.             android:id="@+id/rem"
  28.             android:layout_width="wrap_content"
  29.             android:layout_height="wrap_content"
  30.             android:layout_weight="1"
  31.             android:text="Supprimer" />
  32.     </LinearLayout>

  33.     <ListView
  34.         android:id="@+id/list"
  35.         android:layout_width="match_parent"
  36.         android:layout_height="wrap_content" >
  37.     </ListView>

  38. </LinearLayout>

Fichier MainActivity.java

Notre activité principale (MainActivity) crée une ArrayAdapter, qui contient les objets à afficher dans la ListView. Le constructeur ArrayAdapter est passé l'ID de ressource du fichier de mise en page android.R.layout.simple_list_item_1, le ArrayAdapter va l'utiliser pour instancier un TextView pour chaque ligne.

Nous avons ensuite mis le ArrayAdapter que l'adaptateur de notre ListView.

  1. // trouver la ressource ListView.
  2. list = (ListView) this.findViewById(R.id.list);
  3. // créer ArrayAdapter en utilisant la liste des chaines.
  4. ArrayAdapterAdapter=new ArrayAdapter(MainActivity.this,android.R.layout.simple_list_item_1, tab);
  5. // appliquer l'adapter sur la listView
  6. list.setAdapter(Adapter);
  7. list.setOnItemClickListener(this);


Le code source et les fichiers de projet Eclipse pour ce tutoriel peuvent être téléchargés ici

 

Copyright @ 2014 Club J2I_Android.