background preloader

Tutos Android GUI (User Interface)

Facebook Twitter

ActionBar sous Android (Partie 1) ActionBar sous Android (Partie 2) Voici la suite du tutoriel sur l’ActionBar.

ActionBar sous Android (Partie 2)

Dans cette partie, nous allons reprendre le projet crée lors du tutoriel précédant afin d’aborder les points suivants : La navigation à l’aide de l’icone de votre application (présente sur l’ActionBar)La séparation de l’ActionBar en deux Séparer l’ActionBar en deux Si vous possédez plusieurs actions importantes dans votre application, vous pouvez séparer votre barre d’action en deux : La première ActionBar contiendra l’icone de votre application, le titre et la navigation de votre application (Dropdown menu)La deuxième ActionBar contiendra les différentes actions disponibles via votre application. Créer un Live Wallpaper sous Android. Utilisation du clavier sous Android.

Ce tutoriel va aborder le clavier sur Android.

Utilisation du clavier sous Android

Le sujet peut paraître simple et pas très intéressant mais c’est un sujet très important dans le développement d’applications, qui rajoute un plus à votre application et qui est souvent négligé par les développeurs. Donc cet article regroupera des astuces pour améliorer l’expérience utilisateur de votre application. Comment adapter le clavier à vos besoins Dans votre application, l’utilisateur aura peut être besoin de saisir quelques données de types différents.

Dans ce cas, il faut faciliter le travail à l’utilisateur en faisant apparaître un clavier en fonction du type de champ à remplir (adresse mail, numéro de téléphone etc…). Vous pouvez mettre plusieurs valeurs en les séparant simplement par des “|”. où est le champ suivant ? Quand vous avez un clavier qui s’affiche, vous pouvez avoir l’envie qu’il soit lié au champ d’après, par exemple qu’un bouton “suivant” s’affiche au lieu du bouton “retour à la ligne”. Mon clavier cache ma vue. Gestion de la rotation sous Android. Le but de ce tutoriel est d’expliquer comment gérer la rotation de l’écran dans vos applications Android.

Gestion de la rotation sous Android

Philosophie de la rotation Lors d’une rotation de l’écran, Android supprimera et recréera toutes les activités en cours d’exécution ou en pause. Ce comportement est celui par défaut, vous pouvez adapter la réponse de vos activités aux changements d’orientation. Finalement c’est aux développeurs de vérifier et corriger l’affichage de votre application dans le mode portrait et landscape. Création des nouvelles vues Pour créer vos nouvelles vues qui seront affichées en monde landscape, il suffit de créer un nouveau dossier dans le dossier res. Tester sur l’émulateur Pour simuler la rotation de l’écran sur l’émulateur, il faut utiliser le raccourci CTRL + F12. Sauvegarde de l’état Comme précisé plus haut, Android détruit votre vue en cas de changement d’orientation pour construire la nouvelle vue.

Limitation Surcharger la rotation Bloquer la vue Best Practice – Gérer les tablettes. TextWatcher sous Android. Ce tutoriel a pour but d’introduire un événement peut connu des développeurs Android, il s’agit du TextWatcher.

TextWatcher sous Android

Cet événement sert à surveiller les changements dans la saisie d’un texte dans un EditText par exemple. Nous allons prendre l’exemple d’une zone texte qui servirait à publier un message possédant une contrainte : Le message ne doit pas dépasser 20 caractères Nous allons mettre à jour un indicateur au fur à mesure du remplissage de cet EditText. Création du projet Nous allons créer un projet qu’on nommera TextWatcherProjet, avec les données suivantes SDK Version : 2.3.1Nom de l’application : TextWatcherNom du package : com.tuto.android.textwatcherCréation d’activité : TextWatcherActivity Création de la vue.

Multi-touch et fragments: Geste de "rotation" Bonjour à tous!

Multi-touch et fragments: Geste de "rotation"

Ce nouveau tutoriel orienté algorithmique va tenter d’expliquer la manière de gérer le geste de rotation multitouch. Peu de code Java dans ce tutoriel, juste de quoi illustrer mes propos et donner des pistes de réflexion. La fonction principale sera détaillée mais exceptionnellement, je ne mettrai pas de projet en téléchargement par manque de temps pour l’implémenter proprement. Pour les gestes simple-touch, l’implémentation est très facile grâce au Gesture Builder (tutoriel en anglais ici), mais pour le multi-touch, c’est un peu plus compliqué car aucune library n’existe. Si on veut pouvoir utiliser des gestes cools dans son application, il faut donc les implémenter. Principe global. Introduction à la création de vues sous Android. Comprendre le LinearLayout sous Android. Ce tutoriel va vous permettre de tout comprendre sur le LinearLayout et vous facilitera la création de vos vues en utilisant ce Layout.

Comprendre le LinearLayout sous Android

LinearLayout Le LinearLayout est un Layout qui repose sur une idée de boite, c’est-à-dire que les conteneurs ou les widgets appartenant à ce Layout sont soit alignés en ligne horizontale ou verticale. Comment configurer mon LinearLayout Plusieurs éléments sont disponibles pour permettre aux développeurs de personnaliser ce Layout. 1. C’est la première chose que vous précisez quand vous créez votre LinearLayout (android:orientation). Verticale : Oriente les éléments sur une ligne verticale.Horizontale : Oriente les éléments sur une ligne horizontale. 2.

Le LinearLayout ainsi que tous les widgets qui le composent doivent fournir une taille (hauteur et largeur). Android:layout_widthandroid:layout_height Ces deux propriétés peuvent prendre 3 types de valeur : Une taille fixe : par exemple 50px (pixels). 3. Alignement à gauche Voici le résultat : center. Passage d'une vue à une autre sous Android.

Ce tutoriel va pousser un peu plus loin la création et la gestion des vues sous Android.

Passage d'une vue à une autre sous Android

Dans ce dernier, vous allez apprendre à gérer le passage d’une vue à une autre dans votre application. Un passage d’une vue à une autre signifie un changement d’activité avec passage de données si nécessaire entre les deux activités pré-requis. Tuto Mobile. User Interface. ViewPager sous Android : Comment slider d'un fragment à un autre.

Nous revoici pour un nouveau tutoriel, le premier à aborder la notion de Fragment.

ViewPager sous Android : Comment slider d'un fragment à un autre

Les Fragments ont été introduits dans la version Android 3.0 (également utilisable avec des versions antérieures) avec pour objectif de permettre une plus grande flexibilité pour les écrans larges tel que les tablettes tactiles (ce que nous verrons dans un prochain tutoriel). Notre objectif aujourd’hui est simplement de créer un joli effet “slide” entre des pages.

ActionBar sous Android (Partie 1) ActionBar sous Android (Partie 2)