Views
6 years ago

4. Interface utilisateur d'Android - ELEKTOR.fr

4. Interface utilisateur d'Android - ELEKTOR.fr

Extrait du livre

Extrait du livre "Android - Apprendre à programmer des applis" de Stefan Schwark 4. Interface utilisateur d’Android 4.1 Views et ViewGroups Bien comprendre l’interface utilisateur d’Android est indispensable pour afficher à l’écran du texte, de l’image, ou plus généralement des informations. L’interface utilisateur comprend plusieurs classes. Les objets de ces classes représentent les éléments visuels dont se sert le système pour construire les interfaces graphiques. La vue (View) est le composant graphique élémentaire d’Android. Un objet View représente une surface rectangulaire qui peut servir de conteneur pour d’autres objets. Un objet View gère lui-même les éléments de sa propre représentation ainsi que les évènements qui surviennent dans sa zone d’écran. Les objets View sont placés dans l’arbre qui représente la hiérarchie des vues. Il est possible d’insérer des éléments supplémentaires dans une vue, soit en écrivant directement dans le code d’une activité, soit en utilisant un fichier de description XML externe. ViewGroup est une sous-classe de la classe View. Les objets de cette classe peuvent contenir d’autres objets View ainsi que des gabarits (ou layouts, des conteneurs qui permettent de positionner des composants graphiques), et ainsi étendre l’arbre de la hiérarchie des vues. L’appel d’une activité déclenche l’affichage des gabarits. L’activité invoque la méthode setContentView() en passant une référence au nœud supérieur de l’arbre. Android démarre depuis ce nœud et parcourt l’arbre de haut en bas en deux passes. Dans la première, Android demande les dimensions des objets contenus dans l’arborescence. La seconde passe sert au calcul de leurs positions à l’écran. Les objets qui n’appartiennent pas à une zone à afficher ne sont pas dessinés. Chaque objet enfant est ainsi responsable de sa propre représentation à l’écran. 4.2 Fichiers de description XML La façon la plus simple et aussi la plus fréquente de créer une interface est de la déclarer dans un fichier XML. Ce fichier XML définira la structure hiérarchique des éléments graphiques qui composent l’interface. Créé en 1996, le XML (Extended Markup Language) est un langage qui permet de représenter le contenu des données à l’aide de ISBN 978-2-86661-187-3 copyright Elektor International Media

Extrait du livre "Android - Apprendre à programmer des applis" de Stefan Schwark 50 6. Applications Android simples Figure 7 - La CalculOhmlette. Créons d’abord un nouveau projet. Reprenez la procédure suivie lors de la création du projet HelloWorld précédent, mais cette fois-ci appelez le projet Calculator, et entrez com.example.Calculator dans le champ Package Name. Le projet apparaît dans l’explorateur de paquetages une fois terminée la configuration. L’étape suivante est la construction d’une interface pour cette CalculOhmlette. Nous aurons besoin de champs de saisie pour entrer les valeurs nécessaires au calcul, soit trois champs, respectivement pour la tension, la résistance et l’intensité. Comme nous l’avons vu dans la précédente section 6.1, ces champs de saisie peuvent être définis dans le fichier main.xml. Eclipse offre également la possibilité de construire les interfaces par glisser-déposer. Ouvrez le fichier main.xml depuis l’arborescence du projet, puis cliquez sur l’onglet Graphical layout de la fenêtre d’édition si ce n’est pas la vue par défaut. À gauche sont regroupés différents types de composants. L’interface affichée est pour le moment celle par défaut. Nous retrouvons le contenu de la chaîne hello de l’exemple précédent. Insérons par glisser-déposer les différents éléments qui composeront notre interface. Puisque notre CalculOhmlette attend des valeurs décimales, les trois champs de saisie dont nous avons besoin doivent être du type Decimal, un type qui se trouve dans la liste des éléments Text Fields. Positionnez-en trois dans la vue graphique. Nous avons également besoin de trois boutons, et nous avons trois textes de description (éléments TextView) à placer au-dessus des champs de saisie. Si vous avez réussi à arranger les éléments dans le bon ordre, le nouveau fichier main.xml devrait être : ISBN 978-2-86661-187-3 copyright Elektor International Media

Plateforme Android 4.1 Interface S-Pen avec applications ... - Prixtel
Les utilisateurs de Noah 4 disent « Aucune raison d ... - HIMSA News
Les interfaces utilisateurs avancés avec Android - Cedric
Interface utilisateur graphique en Java Interface utilisateur ...
TP Interface graphique 1 Utiliser l'interface graphique
évaluation ergonomique des interfaces utilisateur - IIHM
équipement, système d'exploitation et interface utilisateur - Ifadem
Interface utilisateur du package pst-uml
Cas Interface 2 & Add-On MManuel Utilisateur Français - SEEIT
utiliser l interface glx en physique - sordalab
Descriptif B Interface utilisateur du système d ... - Erhardt+Leimer
Analyse et concepon d interfaces utilisateur Modèle-Vue ... - Cours
INTERFACE – MANUEL UTILISATEUR - Ensiwiki - Ensimag
Les interfaces plastiques premiers retours utilisateurs ... - IIHM
EMMA : Modèle Utilisateur pour la Plasticité des Interfaces ... - IIHM
Programmation Android - De la conception au déploiement
utiliser l interface glx en svt - sordalab
Dégradation harmonieuse d'interfaces utilisateur - UsiXML
Développement d'applications pour Android - IUT Bayonne
1. Programmation sous Android - Decitre
IFT2905 Interfaces personne-machine 4. Achitecture de ... - igt.net
Créer des applications Android ( PDF) - ISIMA
LOG2420 ― Analyse et concepon d'interfaces utilisateur ... - Cours
un framework d'interfaces utilisateurs en ligne de commande - Free
FAQs Sharpdesk Mobile pour iPhone, iPad et Android
LOG2420 — Analyse et conception d'interfaces utilisateur ... - Cours
Lecteur MP4 4 Go Manuel utilisateur - Unisupport