[Tutoriel] : Android GridView personnalisé [ Recherche & Animation]

On a vu la dernière fois comment afficher des informations dans une liste personnalisée avec ListView  ( Tuto ) .

[Tutoriel] : ListView personnalisée avec Images , textes [ filtrage ] sous Android

Cette fois, on va les afficher dans une autre façon : dans un GridView  .

Dans cette article , on va prendre , l'exemple du tutoriel de la ListView . On n'a pas grande chose à changer puisqu'ils sont de la même manière :

1. On crée le projet android
2. On ajoute une listView (ou GridView)
3. On crée la layout d'un item 
4. On crée notre Objet
5. On crée l'adaptateur 
6. Dans l'activité praincipale , on initialise la liste des données à afficher et la listView (ou GridView) ,et on ajoute les informations à l'aide de l'adapteur qu'on a  déja crée.

Les changements à faire par rapport à l'exmple de la listView sont :

•  On ajoute un GridView à la layout principale:

• On crée la layout d'un item :

• Dans l'adaptateur : FoodListAdpater:

• Dans l'activité principale :

Vous avez aimé cet article ? alors suivez-nous sur Twitter, Google+ et Facebook, et partagez-le avec les boutons ci-dessous ! Vos commentaires sont les bienvenus.

Afficher la suite

[Tutoriel] : Android ListView avec Animations [ +Demos]

Suite au tutoriel précdedant concernant la personnalisation des ListViews :

nous allons voir comment ajouter des animations à notre liste des informations (UI) .

Voici un avant goût .. 

Animer une ListView

Pour le code finale , il est disponible sur mediafire:

 

Code final

Pour aboutir à ce résultat, il faut bien suivre le tutoriel déjà cité.

L'idée générale c'est qu'on va appliquer les animations , ecrites en xml dans le dossier res/anim/ , aux items de la liste dans l'adaptateur de la ListView dans la classe 'FoodListAdapter'.

Avant tout , on va ajouter les fichiers xml d'animations dans le soosier res/anim (on le crée s'il n'existe pas) :

•  Effet "fade in": fade_in.xml

< alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="100"
    android:fromAlpha="0.0"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:toAlpha="1.0" / >

Démo Effet Fade in

•  Effet "Push left in" : push_left_in.xml

< set xmlns:android="http://schemas.android.com/apk/res/android">
   < translate android:fromXDelta="100%p" android:toXDelta="0"
         android:duration="300" />
   < alpha android:fromAlpha="0.0" android:toAlpha="1.0"
         android:duration="300" />
< /set>

Démo Effet Push left in

• Effet "Push up in" : push_up_in.xml :

< set xmlns:android="http://schemas.android.com/apk/res/android">
   < translate android:fromYDelta="100%p" android:toYDelta="0"
          android:duration="500"/>
   < alpha android:fromAlpha="0.0" android:toAlpha="1.0"
          android:duration="500" />
< /set>

Démo Effet Push up in

• Effet "Slide in Top" : slide_in_top.xml :

< set xmlns:android="http://schemas.android.com/apk/res/android" >
    < translate
        android:duration="1000"
        android:fromYDelta="-100%p"
        android:toYDelta="1" />
< /set>

Démo Effet slide in top

Et il y'a d'autres effets téléchargeable ici (dossier anim , mettez le dans res/ )

Animations xml

Passons maintenant à notre classe adaptateur (FoodListAdapter), on ajoute deux variables gloabales:

private List listFood = null;
 LayoutInflater layoutInflater;
    Context context; // nouvel
    private int lastPosition = -1; //nouvel
    
 // constructeur
 public FoodListAdapter(Context context, List listFood) {
  this.listFood = listFood;
  layoutInflater = LayoutInflater.from(context);
  this.listFood = listFood;
  this.context=context; //nouvel

 }

Pour appliquer les animations en modifie la méthode getView() en ajoutant :

@Override
 public View getView(int position, View convertView, ViewGroup parent) {
         .... 
Animation animation = AnimationUtils.loadAnimation(context, (position >lastPosition) 
    ? R.anim.up_from_bottom : R.anim.up_from_bottom);
  convertView.startAnimation(animation);
     lastPosition = position;
  return convertView;

 }

Et on change R.anim.up_from_bottom par l'effet desiré ou bien on applique 2 effets.

Vous avez aimé cet article ? alors suivez-nous sur Twitter, Google+ et Facebook, et partagez-le avec les boutons ci-dessous ! Vos commentaires sont les bienvenus.

Afficher la suite

[Tips]: Formater un code sous eclipse

Pour bien formater un code sous eclipse il faut juste aller au menu :

 menu > Source > Format

ou bien  :

Ctrl + Shift + F

résultat : code bien formaté !

Afficher la suite

[Tutoriel] : Développer des applications Android 'multilingues'

Article par Zied Rebhi:

Dans ce tutoriel , nous allons voir comment créer une application Android multilingues (Supporte plusieurs langages) afin de viser le maximum des utilisateurs.

#1. Conseils:

La première chose à retenir est d'éviter d'écrire un texte dans le code (xml ou java : Les messages, valeurs des TextViews etc.) et utiliser à la place le fichier 'strings.xml' dans le dossier 'res/values'. Pour chaque langue, nous devons avoir un fichier 'string.xml' qui sera inséré dans son dossier correspondant (à la langue).Par exemple pour la langue française on crée un dossier 'values-fr' et on crée un fichier 'strings.xml'. Le système Android va faire le reste : Détecter la langage locale du smartphone récupère les informations du fichiers.

 

Structure du projet

Par défaut , les chaines de caractères dans le fichier 'values/strings.xml' sont en anglais. Donc pour que notre application soit multilingue ,il faut traduire les mêmes mots et on les mettent dans chaque fichier du langue correspondant.

#2. Exemple:

Supposons qu'on a une application  qui doit être Anglais/Français. Donc on le dossier initial 'res/values' , et on crée un autre dossier 'values-fr' et on crée un fichier 'strings.xml'. Notre application a un bouton de vérification (Check == Vérifier) et un message dans un TextView (Good Morning == Bonjour).

Alors ,dans le fichier 'values/strings.xml' on a:

< resources>
    < string name="app_name">My App< /string>
    < string name="action_settings">Settings< /string>
    < string name="hello_world">Hello world!< /string>
    < string name="btnCheck">Check< /string>
    < string name="msg">Good Morning< /string>
</ resources>

Et dans 'values-fr/strings.xml' on met:

< resources>
    < string name="app_name">Mon App< /string>
    < string name="action_settings">Paramétres< /string>
    < string name="hello_world">Hello world!< /string>
    < string name="btnCheck">Vérifier< /string>
    < string name="msg">Bonjour< /string>
</ resources>

Comme ça , notre application est multilingue.

#3. Coté code:

Dans le code de l'application à plusieurs langues , nous devons faire comme suit (Java et xml ):

- XML code:

< Button
     android:layout_width=”wrap_content”
     android:layout_height=”wrap_content”
     android:text=”@string/btnCheck” />  

Ce bouton va avoir soit 'Vérifier' ou 'Check'  comme nom selon la langue.

- Java code:

String msgText= getResources().getString(R.string.msg); 

Cette variable va avoir soit 'Bonjour' ou 'Good morning'.
Voici quelques codes ISO pour les langues:

Android Localization Language ISO Codes

Vous avez aimé cet article ? alors suivez-nous sur Twitter, Google+ et Facebook, et partagez-le avec les boutons ci-dessous ! Vos commentaires sont les bienvenus.

Afficher la suite

[Tutoriel] : Vérification de la connexion réseau dans une application Android

  
En Android, on remarque qu'il y a beaucoup d'applications qui utilisent le réseau pour se communiquer . D’où l'importance de vérification de la disponibilité du réseau avant de commencer le traitement dans notre application (Envoie, récupération des données par exemple).
Donc cet article on va vous montrer comment vérifier la connexion réseau en Android de notre application. En faite , il existe plusieurs méthodes , nous allons les voir ensemble.

#1. Création d'une application Android:
Application Name: Check Network Connectivity 
Project Name: CheckNetworkConnectivity
Package Name :com.tutozone.checknetworkconnectivity
Activity Name: MainActivity

Création d'un nouveau projet Android

Après la création du projet , notre allons construire une simple application contenant une activité avec un bouton. On va vérifier la connexion réseau lors du clique sur le bouton. Pour le test , je vous conseille d'utiliser l'émulateur rapide de Genymobile (Genymotion) :Genymotion: Émulateur rapide et facile pour Android : Installation et intégration [Tutoriel].

Passons maintenant à notre activité ActivityMain.xml, nous allons créer 3 variables (une chaine de caractères, un bouton et un TextView et 2 méthodes (deux versions de vérification du réseau):

public class MainActivity extends Activity {

 String msg;
 TextView msgTxtView;
 Button btnCheck;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  //Initialization
  
  msgTxtView=(TextView)findViewById(R.id.txtMsg);
  btnCheck=(Button)findViewById(R.id.btnCheck);
  btnCheck.setOnClickListener(new OnClickListener() {
   
   @Override
   public void onClick(View arg0) {
    // TODO Auto-generated method stub
    isConnected(); //or checkConnectivity();
   }
  });
  
 }
        //the 2 methods
      }

#. Méthode 1 : 
Pour la première méthode nous allons vérifier la connexion selon le type (Wifi , Données mobile), un message sera affiché.

public void checkConnectivity(){
  ConnectivityManager cm = (ConnectivityManager) getApplicationContext()
    .getSystemService(Context.CONNECTIVITY_SERVICE);
  NetworkInfo activeNetwork = cm.getActiveNetworkInfo();
  if (null != activeNetwork) {
            if(activeNetwork.getType() == ConnectivityManager.TYPE_WIFI)
             msg="You are connected to a WiFi Network";
            if(activeNetwork.getType() == ConnectivityManager.TYPE_MOBILE)
             msg="You are connected to a Mobile Network";
            }   
  else
   msg = "No internet Connectivity";
  
   msgTxtView.setText(msg);
 }

#. Méthode 2 : 
 Dans cette méthode , on va retourner un boolean qui est le résultat de notre test, et selon le résultat , on procède notre traitement:

public  boolean isConnected() {
  ConnectivityManager cm = (ConnectivityManager) getApplicationContext()
    .getSystemService(Context.CONNECTIVITY_SERVICE);
   // test
   if (cm.getActiveNetworkInfo() != null
     && cm.getActiveNetworkInfo().isAvailable()
     && cm.getActiveNetworkInfo().isConnected()) {
    
   msg="You are connected to a Network";
   msgTxtView.setText(msg);
   return true;
   } else {
    
    msg = "No internet Connectivity";
    msgTxtView.setText(msg);
    return false;
   }
  }

 #2. Remarque :

S'il vous plaît ne pas oublier d'ajouter les permissions nécessaires dans le fichier AndroidManifest.xml.

 
 

#3. Code finale:
Après la compilation et l'exécution de notre projet voici le résultat finale :

Pas de connexion réseau

Connexion à un Wifi

Pour le code vous le trouverez ici (dans le GitHub)

Code source

Vous avez aimé cet article ? alors suivez-nous sur Twitter, Google+ et Facebook, et partagez-le avec les boutons ci-dessous ! Vos commentaires sont les bienvenus.

Afficher la suite

Github avec IDE Eclipse [Tutoriel]

Article par Bedoui Mouoifek:

 
Vous êtes débutant ou même expérimenté dans le développement java, certainement avec l'augmentation du nombre des projets à réaliser ,github est un outil intéressant en ligne pour l'hébergement et la gestion des versions . avec notre IDE Eclipse et toujours sous Ubuntu (désolé y a plus de Windows) nous découvrirons un moyen d'utilisation de github avec éclipse:

Notre prochain article sera intéressant aux débutants en java et à ceux qui se préparent à un entretien.

Vous avez aimé cet article ? alors suivez-nous sur Twitter, Google+ et Facebook, et partagez-le avec les boutons ci-dessous ! Vos commentaires sont les bienvenus.

Afficher la suite

Introduction à Tuto Zone

Tuto zone est l'endroit ou vous allez trouvez ce que vous cherchez (les étudiants , les développeurs etc. ).

Ce blog contient des articles sur plusieurs langages de programmation et framework comme Symfony , Node.js , Android , Java/J2ee etc. aussi , on va se concentrer sur les astuces dans le développement et la configuration des logiciels.

Notre code sera sur le fameux site GitHub pour qu'il soit disponible pour tout le monde. 

Il sera affiché comme suit tout au long de nos articles:

$(function() {
 alert('Ceci est un code');
});

Tuto zone

Vous avez aimé cet article ? alors suivez-nous sur Twitter, Google+ et Facebook, et partagez-le avec les boutons ci-dessous !

Afficher la suite