Natalia Elmanova

Après avoir évoqué dans les deux articles précédents de cette série la publication versions mobiles magazines, passons à un tout autre sujet. Aujourd'hui, pour la première fois de toute l'existence de ce cycle, nous allons nous tourner vers des outils pour programmeurs, et non pas tant pour apprendre à les utiliser (il est absolument irréaliste de le faire dans un seul article), mais dans afin de fournir une image complète du monde très diversifié des outils de création Applications mobiles, livres, jeux, interfaces pour systèmes d'entreprise et services en ligne.

Aujourd'hui, nous allons parler de la création d'applications pour la plate-forme Android de manière traditionnelle, c'est-à-dire sans l'utilisation de générateurs de code et d'autres outils auxiliaires pour générer des applications avec des fonctions typiques que nous avons périodiquement rencontrées tout au long de ce cycle. Ces outils permettent souvent d'obtenir le résultat souhaité avec un minimum d'effort, mais leur utilisation est limitée aux cas où le "résultat souhaité" est une application avec des fonctionnalités plus ou moins standard fournies par les auteurs de ces outils. Cela ne fonctionnera pas pour créer une application arbitraire avec leur aide ou, dans certains cas, cela se produira lors du développement d'une partie non standard de l'application en utilisant tous les mêmes outils professionnels.

Que devez-vous savoir pour commencer à créer des applications Android personnalisées ? Traditionnellement, les applications pour cette plate-forme sont créées à l'aide du langage de programmation Java, vous devrez donc être familiarisé avec ce langage au moins au niveau d'un développeur novice. Pour créer des applications, vous aurez besoin des bibliothèques et utilitaires Java SDK (JDK) et Android SDK. En principe, pour le développement d'applications Android, les ensembles de bibliothèques et d'utilitaires répertoriés par nos soins et soit le pilote de l'appareil sur lequel l'application sera testée, soit son émulateur suffisent. Cependant, l'utilisation de l'environnement Eclipse avec l'extension Android Development Tools (ADT) devient de plus en plus populaire de nos jours.

Le processus d'installation d'ADT est détaillé sur la ressource Google Android Developers http://developer.android.com/sdk/installing.html. Si vous le souhaitez, vous pouvez télécharger un environnement de développement prêt à l'emploi à partir de la ressource http://developer.android.com/sdk/index.html (Fig. 1), y compris Eclipse, Android SDK et ADT, puis utiliser Android utilitaire appelé depuis l'environnement Gestionnaire de SDK sélectionner et télécharger sur votre ordinateur à partir des bibliothèques Internet les versions de cette plate-forme qui nous intéressent.

Riz. 1. Environnement de développement Eclipse avec l'extension ADT installée

Et enfin, vous devez télécharger l'émulateur - Android Virtual Device (AVD), sur lequel l'application sera déboguée, en sélectionnant la version de plate-forme requise, la taille de la carte SD virtuelle et la résolution de l'écran. Au lieu d'un émulateur, vous pouvez également utiliser un appareil réel, auquel cas vous devez télécharger son pilote, par exemple, à partir du site Web de Google.

Après avoir préparé l'environnement et sélectionné l'espace de travail (Workspace) - l'emplacement des fichiers de projet des futures applications, vous pouvez essayer de créer la première application à partir de zéro ou en utilisant l'un des modèles prêts à l'emploi. Le projet d'application comprend du code de classe Java, des ressources - des formulaires stockés sous la forme de fichiers xml, des ensembles de chaînes, des tableaux, fichiers graphiques pour différentes résolutions d'écran, ainsi que le AndroidManifest.xml, qui est une description des propriétés de l'application.

Les formulaires de demande peuvent être modifiés à la fois dans la vue XML et à l'aide d'un concepteur visuel qui vous permet d'y placer des éléments d'interface et d'autres composants de l'application (Fig. 2).

Riz. 2. Éditeur de formulaire

Il existe également des éditeurs correspondants pour d'autres ressources.

Pour créer l'exemple le plus simple sur notre sujet traditionnel "A propos du magazine ComputerPress", nous utiliserons tous les moyens disponibles pour générer du code et des formulaires. Créons une nouvelle application à l'aide de l'assistant approprié, disponible à l'étape Nouveau → Application Android dans le menu contextuel de l'espace de travail (Fig. 3).

Riz. 3. Assistant de création d'une nouvelle application

Au cours de l'assistant, nous devons sélectionner la version de la plate-forme Android avec laquelle notre application sera compatible, former l'icône de l'application pour différentes tailles d'écran, et également sélectionner le type de formulaire d'application principal - celui qui doit être généré par l'assistant .

Sur l'un des premiers écrans de l'assistant, nous marquerons l'icône Créer un lanceur personnalisé et les options Créer une activité - dans ce cas, nous pouvons créer notre propre icône d'application, et l'application générée elle-même contiendra une classe Java qui affiche un formulaire sur l'écran de l'appareil et traite les événements qui s'y produisent (Fig. quatre).

Riz. 4. Sélectionnez les options d'application

Riz. 5. Créez une icône d'application

Pour le formulaire principal (et unique) de notre exemple, nous choisirons un formulaire vide (Blank Activity) avec des onglets (Fig. 6).

Riz. 6. Sélection du type de formulaire principal de la demande

Dans ce cas, l'assistant va générer un formulaire avec des onglets (il y en a trois par défaut) et un champ contenant du texte multiligne (TextView) - par défaut, cet élément dans le code généré s'appelle dummyTextView.

Comme déjà mentionné, l'utilisation d'un outil de développement d'applications professionnel n'implique pas que toutes les applications soient créées à l'aide de générateurs de code et de concepteurs visuels - d'une manière ou d'une autre, vous devrez écrire du code et éditer des ressources.

Commençons par l'édition des ressources. Tout d'abord, attribuons les noms dont nous avons besoin aux trois onglets du formulaire généré - que ce soient les lignes "À propos de nous", "Catégories" et "Adresse". Pour ce faire, rappelez-vous que notre application contient des ressources de chaîne, recherchez le fichier strings.xml dans le dossier res\values ​​​​du projet d'application et double-cliquez dessus pour ouvrir l'éditeur de ressources de chaîne. Dans cet éditeur, nous remplacerons le contenu des lignes existantes title_section1, title_section2, title_section3 par "About us", "Headings" et "Address", et ajouterons également trois nouvelles lignes : About, Address et Subjects - avec les textes de notre site, dont nous remplirons le contenu de l'élément TextView sur le formulaire lors du basculement entre les onglets (Fig. 7).

Riz. 7. Modification des ressources de chaîne

Enfin, le moment est venu où nous ne pouvons plus nous passer d'écrire du code - nous devons implémenter le remplissage de l'élément dummyTextView que nous avions prévu lors du basculement entre les onglets. Pour cela, il faut retrouver dans le code généré de la classe MainActivity.java chargée d'afficher le formulaire et de gérer ses événements, le gestionnaire d'événements OnCreateView associé au redessin du formulaire lorsqu'un onglet est sélectionné, et remplacer la ligne générée automatiquement dans celui-ci

dummyTextView.setText(Integer.toString(getArguments().getInt(

ARG_SECTION_NUMBER)) );

à un fragment de code qui affiche les lignes À propos, Adresse et Sujets dans l'élément TextView, selon l'onglet sélectionné par l'utilisateur :

si (getArguments().getInt(ARG_SECTION_NUMBER)==1)(

dummyTextView.setText(R.string.About);

sinon si (getArguments().getInt(ARG_SECTION_NUMBER)==2)(

dummyTextView.setText(R.string.Subjects);

sinon si (getArguments().getInt(ARG_SECTION_NUMBER)==3)(

dummyTextView.setText(R.string.Address);

Ensuite, vous devez enregistrer les modifications et essayer de tester l'application terminée. Comme mentionné, cela peut être fait à l'aide d'un appareil connecté à l'ordinateur sur lequel le développement est en cours, ou à l'aide d'un appareil virtuel - un émulateur. Téléphone intelligent Android(Appareil virtuel Android, AVD).

Pour créer un AVD, sélectionnez l'élément de menu Fenêtre → Gestionnaire de périphériques virtuels Android et créez un nouvel appareil virtuel en cliquant sur le bouton Nouveauà droite de la liste des appareils (éventuellement vide). Ensuite, vous devez décrire les caractéristiques du nouvel appareil. Après avoir décrit les caractéristiques, le dispositif virtuel créé apparaîtra dans la liste des dispositifs (Fig. 8).

Riz. 8. Description des caractéristiques des appareils virtuels

Vous devez maintenant spécifier sur lequel des périphériques virtuels disponibles vous souhaitez tester l'application que nous avons créée. Pour cela, depuis le menu contextuel du projet, sélectionnez l'item Exécuter en tant que → Exécuter les configurations et dans la boîte de dialogue qui apparaît sur l'onglet Cible, sélectionnez le périphérique virtuel (Fig. 9).

Riz. 9. Sélection d'un périphérique virtuel pour exécuter l'application

Vous pouvez maintenant exécuter l'application en sélectionnant l'élément dans le menu contextuel du projet Exécuter en tant que -> Application Android. Vous pouvez surveiller le processus de démarrage dans l'onglet Console de l'environnement de développement (vous pouvez le passer en mode débogage si nécessaire, dans lequel vous devez redimensionner les fenêtres pour que cet onglet occupe plus d'espace à l'écran).

Si tout a été fait sans erreur, l'émulateur de smartphone sera lancé et après un certain temps (d'après mon expérience et l'expérience de nombreux collègues, parfois assez long), l'icône de l'application apparaîtra sur l'écran de l'émulateur, puis l'application elle-même (Fig . dix).

Riz. 10. Application terminée exécutée sur un périphérique virtuel

Nous avons donc créé l'application la plus simple à l'aide d'ADT. Bien sûr, avec l'aide de générateurs de code, vous pouvez créer une application avec plus de fonctionnalités en même temps, mais, comme nous l'avons déjà discuté, cette approche n'est bonne que pour une certaine gamme de tâches. Le choix des outils - générateurs de code ou outils professionnels - dépend avant tout de l'objectif de création d'une application, ainsi que d'une combinaison de facteurs tels que le budget, le temps, la capacité et l'envie de programmer.

Problème

Vous souhaitez utiliser l'environnement Eclipse pour développer votre application pour la plateforme Android.

Décision

Installez l'environnement Eclipse et le plugin AndMore. Créez ensuite votre projet et commencez à écrire l'application. Compilez-le et testez-le avec un émulateur dans l'environnement Eclipse.

Discussion

Avant de pouvoir commencer à créer une application à l'aide de l'environnement Eclipse, vous devez installer trois éléments :

• Eclipse EDI
• SDK Android
• Module EtPlus

Pour plus de détails sur l'installation de ces éléments, voir .

Après cela, créez un nouveau projet Android en utilisant le menu Fichier → Nouveau (Fichier → Nouveau), et vous verrez un écran comme dans la fig. 1.

Sélectionnez la version du SDK pour le périphérique cible (Figure 3). La version 4.0 couvre presque tous les appareils utilisés aujourd'hui ; les versions ultérieures offrent encore plus d'options. Tu décides!

Riz. 1.

Riz. 2.

Riz. 3.

Sur la fig. La figure 4 montre la structure du projet développée dans le volet projet sur la droite. Il montre également dans quelle mesure vous pouvez utiliser la saisie semi-automatique d'Eclipse sur Plate-forme Androïd, - J'ai ajouté l'attribut de gravité pour l'étiquette, et l'environnement Eclipse propose une liste complète valeurs possibles les attributs. J'ai choisi central-horizontal , donc l'étiquette doit être centrée au démarrage de l'application.

Riz. quatre.

Si vous définissez l'attribut gravity dans LinearLayout sur center_vertical et dans TextView sur center_horizontal , le texte sera centré à la fois verticalement et horizontalement. Le listing 1 montre le fichier de mise en page main.xml correspondant (situé dans le répertoire res/layout).

Liste 1. Fichier Bonjour le monde. Java

Comme toujours, lorsque vous enregistrez un fichier source, Eclipse génère une version compilée. Dans le projet Android, il crée également un APK compilé prêt à être exécuté, vous n'avez donc qu'à l'exécuter. Faites un clic droit sur le projet et sélectionnez la commande Exécuter en tant que → Application Android (Exécuter en tant que → Application pour la plate-forme Android) (Fig. 5).

Le SDK Android propose un plug-in personnalisé pour l'IDE Eclipse appelé Outils de développement Android (ADT). Ce plugin fournit un cadre puissant dans lequel développer des applications Android. Cela étend la puissance d'Eclipse en vous permettant de créer rapidement de nouveaux projets Android, de créer une interface d'application, de déboguer des applications, d'exporter des signatures pour des packages d'application (APK) et de les distribuer.

Note: Vous devez installer le plug-in ADT si vous avez déjà installé Eclipse et souhaitez continuer à l'utiliser. Si Eclipse n'a pas été installé, vous devez installer le forfait Android Un SDK qui inclut le dernier IDE pour les développeurs Android.

Votre installation existante Éclipse pour Android doit répondre aux exigences suivantes :

• Eclipse 3.7.2 (Indigo) ou supérieur

  Note: Eclipse 3.6 (Helios) n'est plus pris en charge depuis dernière version ADT.

• Plugin Eclipse JDT (inclus dans la plupart des packages Eclipse IDE)
• JDK 6 (JRE ne suffit pas)
• Non compatible avec le compilateur GNU pour Java (GCJ)

Télécharger le plug-in ADT

Pour ajouter le plugin ADT à Eclipse pour Android :

1. Lancez Eclipse, puis sélectionnez Aide > Installer un nouveau logiciel (Aide > installer un nouveau logiciel).
2. Cliquez sur Ajouter dans le coin supérieur droit.
3. Dans la boîte de dialogue Ajouter un référentiel, dans la boîte de dialogue qui s'affiche, entrez « ADT Plugin » pour le nom ( Nom) et la prochaine adresse pour Emplacement(emplacement):https: //dl-ssl.google.com/android/eclipse/

   Note: Les outils de développement Android nécessitent une connexion sécurisée lors de la mise à jour. Assurez-vous que l'URL de mise à jour que vous entrez commence par HTTPS.

4. Cliquez sur D'ACCORD.
5. Dans la boîte de dialogue Logiciels disponibles, cochez la case en regard de Outils de développement et cliquez sur Davantage.
6. Davantage.
7. Lisez et acceptez les termes du contrat de licence, puis cliquez sur Prêt.

   Si vous recevez un avertissement de sécurité indiquant que l'authenticité et la validité Logiciel ne peut pas être installé, cliquez quand même D'ACCORD.

8. Une fois l'installation terminée, redémarrez Eclipse.

Configuration du plug-in ADT

Après le redémarrage d'Eclipse pour Android, vous devez spécifier l'emplacement de votre répertoire SDK Android :

1. Dans la fenêtre "Bienvenue" qui s'affiche, sélectionnez Utiliser les SDK existants (Utiliser les SDK existants).
2. Spécifiez l'emplacement du répertoire Android SDK où vous avez récemment téléchargé et extrait les fichiers.
3. Cliquez sur Davantage.

Votre IDE Eclipse est conçu pour développer des applications Android, mais vous devez ajouter les nouveaux SDK de plate-forme et la plate-forme Android pour votre environnement. Pour obtenir ces packages pour votre SDK, continuez à ajouter des plates-formes et des packages.

Dépannage de l'installation d'ADT

Si vous rencontrez des difficultés pour charger le plug-in ADT après avoir suivi les étapes ci-dessus et que vous travaillez avec un pare-feu (tel qu'un pare-feu d'entreprise), assurez-vous d'avoir correctement configuré vos paramètres de proxy dans Eclipse pour Android. Dans Eclipse, vous pouvez configurer le proxy à partir du menu principal d'Eclipse, sous La fenêtre(sur Mac OS X, Éclipse)> Préférences> Général > Les connexions de réseau.

Si vous ne parvenez toujours pas à utiliser Eclipse, vous pouvez télécharger l'archive ADT à partir de ordinateur local et installez-le manuellement :

1. Téléchargez l'archive zip du plugin ADT (ne la décompressez pas):

   Sac plastique	La taille	Montant MD5
   ADT-23.0.2.zip	103287135 octets

2. Démarrez Eclipse puis sélectionnez Aider > Installer un nouveau logiciel (Aider > Installer un nouveau logiciel).
3. Cliquez sur Ajouter dans le coin supérieur droit.
4. Dans la boîte de dialogue d'ajout de référentiel, cliquez sur Archive.
5. Sélectionnez le fichier téléchargé ADT-23.0.2.zip et cliquez sur D'ACCORD.
6. Entrez "ADT Plugin" comme nom et cliquez sur D'ACCORD.
7. Dans la boîte de dialogue Logiciels disponibles, cochez la case en regard de Outils de développement et cliquez sur Davantage.
8. Dans la fenêtre suivante, vous verrez une liste d'outils qui seront chargés. Cliquez sur Suivant.
9. Lisez et acceptez les termes du contrat de licence, puis cliquez sur Prêt.

   Si vous recevez un avertissement de sécurité indiquant que l'authenticité et la validité du logiciel ne peuvent pas être établies, cliquez quand même. D'ACCORD .

10. Une fois l'installation terminée, redémarrez Eclipse pour Android.

Autres erreurs d'installation

Veuillez noter qu'ADT a ses propres particularités. Par exemple, certains packages optionnels pour Eclipse (par exemple WST) sont requis. Si vous rencontrez une erreur lors de l'installation d'ADT, votre Eclipse peut ne pas inclure ces packages. Pour savoir comment ajouter rapidement forfaits requis pour votre installation d'Eclipse, voir le sujet dépannage.

Pour les utilisateurs Linux

Si cette erreur s'est produite lors de l'installation du plugin ADT pour Eclipse :

Une une erreur s'est produite lors de l'approvisionnement. Impossible de se connecter au magasin de clés . JKS

Cela signifie que votre système ne dispose pas d'une machine virtuelle Java appropriée. L'installation de Sun Java 6 résoudra ce problème et vous pourrez alors réinstaller le plug-in ADT.

L'IDE Eclipse vous permet de gérer, d'éditer, de compiler, d'exécuter et de déboguer des applications. Le plugin ADT pour Eclipse fournit aux utilisateurs des outils supplémentaires utilisés pour développer des applications Android. Vous pouvez également utiliser le plugin ADT pour gérer différentes versions de la plate-forme Android. Cela est nécessaire lors du développement d'applications pour différents appareils exécutant différentes versions du système d'exploitation Android. Après avoir démarré l'environnement Eclipse pour la première fois, l'onglet Bienvenue apparaît :

Sur cet onglet, il y a un certain nombre de liens-icônes en cliquant sur lesquels vous serez redirigé vers les sections correspondantes.
Cliquez sur le bouton Workbench pour afficher la perspective Développement Java, où commence le développement d'applications Android. Eclipse prend en charge le développement d'applications dans plusieurs langages de programmation. Chaque boîte à outils Eclipse installée est représentée par un
optique de développement.

Créer un nouveau projet
Pour démarrer la programmation Android dans Eclipse, exécutez les commandes File->NewProject… pour afficher la boîte de dialogue New Project

Cette fenêtre peut également être affichée à l'aide de la liste déroulante Nouveau de la barre d'outils.

Développez le nœud Android, sélectionnez paramètre Android Projet d'application et cliquez sur le bouton Suivant>. La boîte de dialogue Nouveau projet Android apparaîtra à l'écran.

Projet est un groupe de fichiers associés, tels que des fichiers de code et d'image, qui forment une application. Dans la boîte de dialogue Nouveau projet, vous pouvez créer un projet à partir de zéro ou utiliser le code source existant (par exemple, le code d'un livre ou des exemples fournis avec le SDK Android).

Soit dit en passant, la fenêtre Nouvelle application Android a beaucoup changé, en commençant par le nom et en terminant par le contenu. Donc, nous le découvrirons au fur et à mesure que la pièce progresse.
Alors allons-y ! Remplissez les champs comme indiqué sur la capture d'écran

Nom de l'application- c'est le nom qui sera affiché dans le PlayStore, ainsi que dans le gestionnaire d'applications sur l'appareil sur lequel l'application sera installée.

nom du projet- nom du projet utilisé seul dans Éclipse. Doit être unique dans l'environnement de production. C'est généralement le même que le nom de l'application, mais je l'ai rendu différent pour indiquer clairement où le nom sera affiché.

Nom du paquet- ce nom DOIT ÊTRE un ID UNIQUE pour votre application. Autrement dit, vous devez être sûr que personne d'autre n'appellera leur application de cette façon. Et ce nom doit rester le même tout au long cycle de vie application (les versions de l'application peuvent changer, mais le nom doit rester le même).

SKD minimum requis– la version minimale d'Android nécessaire au fonctionnement de votre application. Cela signifie essentiellement la version minimale du SDK requise pour que l'application fonctionne correctement. Et d'ailleurs, Android ne vous permettra tout simplement pas d'installer l'application si l'appareil possède une version d'Android qui a un numéro d'API inférieur à celui spécifié dans ce paramètre.

SDK cible- la version cible ou maximale d'Android sur laquelle l'application fonctionnera certainement et a été testée. Il est recommandé de régler ce paramètre aussi haut que possible.

Compiler le SDK– version du SDK installé par vous avec lequel l'application sera compilée.

thème- thème de conception d'applications.
Fondamentalement, Description détaillée tous ces éléments sont en langage bourgeois et sont disponibles en passant la souris sur l'icône bleue avec une lettre je.

Et donc cliquez sur Suivant et voyez la fenêtre suivante

Décochez la case de Créer une icône de lanceur personnalisée pressons Suivant

Sélectionnez Activité vide et cliquez sur Suivant et voyez la fenêtre suivante

Nous remplissons comme sur l'écran et cliquons sur Terminer et nous voyons la perspective de développer un projet Java

En jaune, j'ai mis en évidence ce à quoi il convient de prêter attention. Attention particulière de sorte qu'il devient clair où quels noms sont collés. Ensuite, développez le nœud, puis le nœud de mise en page et double-cliquez sur main.xml et voilà ! Voyons à quoi ressemblera notre application ! En cliquant sur main.xml, nous avons appelé l'éditeur de mise en page visuel ADT. Avec lui, vous pouvez créer interface graphique utilisateur en faisant glisser des composants de l'interface graphique tels que Buttons, TextViews, ImageViews, etc. dans la fenêtre de l'application.

Reconfigurons un peu notre environnement pour que tout soit mieux vu.

Le nœud de projet organise le contenu du projet dans divers fichiers et dossiers, notamment :
src- un dossier contenant les fichiers source du projet Java ;
gène- un dossier contenant les fichiers Java générés par l'IDE ;
Android 2.3.3— un dossier contenant la version du framework Android sélectionné lors de la création de l'application ;
res- Un dossier contenant les fichiers de ressources associés à l'application, tels que les dispositions de l'interface graphique et les images utilisées dans l'application.
d'autres dossiers seront discutés plus tard.
Lorsque vous créez une application Android avec Eclipse, la disposition de l'interface utilisateur est stockée dans un fichier XML, appelé main.xml par défaut. En définissant des éléments d'interface graphique dans un fichier XML, vous pouvez facilement séparer la logique d'une application de sa présentation. Les fichiers de mise en page sont des ressources d'application et sont stockés dans le dossier res du projet. Les mises en page de l'interface graphique sont situées dans un sous-dossier du dossier de mise en page.
Pour afficher le contenu XML du fichier, sélectionnez l'onglet avec le nom du fichier de mise en page (dans ce cas, main.xml). Pour revenir à la vue Visual Layout Editor, sélectionnez l'onglet Graphical Layout.
En principe, cette application peut déjà être lancée pour exécution. Je l'ai exécuté en utilisant Genymotion car il est beaucoup plus rapide que l'émulateur Android du SDK et même Intel.

Vidéo utile sur ce sujet

Et donc nous continuons les expériences avec notre premier projet.

Suppression et recréation du fichier main.xml
Lors de la création de l'application pour ce chapitre, un nouveau fichier de mise en page, RelativeLayout, sera utilisé à la place du fichier main.xml par défaut (ce fichier définit la position relative des composants). Pour remplacer le fichier main.xml par défaut, procédez comme suit :
1) Assurez-vous que le fichier main.xml est fermé, puis faites un clic droit dessus (dans le dossier /res/layout du projet) et sélectionnez la commande Supprimer pour supprimer le fichier.
2) Dans le nœud Android, sélectionnez l'option Fichier de présentation XML Android et cliquez sur Suivant

4) Assurez-vous que le fichier est créé dans le répertoire /res/layout

Et cliquez sur Terminer et entrez dans la fenêtre déjà familière

Réglage de la taille et de la résolution de l'écran dans l'éditeur de présentation visuel
Étant donné que le système d'exploitation Android peut s'exécuter sur de nombreux appareils différents, l'éditeur de mise en page visuel est livré avec un certain nombre de configurations d'appareils différentes représentant différentes tailles d'écran et résolutions. Ces paramètres sont sélectionnés dans la liste déroulante Device Configurations.

Si les configurations par défaut ne correspondent pas à l'appareil pour lequel l'application est en cours de développement, vous pouvez créer votre propre configuration d'appareil à partir de rien ou en copiant et modifiant l'une des configurations existantes.
Pour créer les exemples du livre, nous avons utilisé l'appareil de test principal Samsung Nexus S, qui est équipé d'un écran de 4 pouces avec une résolution de 480×800 pixels (WVGA). Il est recommandé de développer une bibliothèque d'interface graphique Android évolutive qui restituera correctement les images sur les écrans de divers appareils. En raison de la propriété d'évolutivité, la zone de conception de Visual Layout Editor n'a pas besoin de correspondre exactement aux écrans des appareils physiques. Il suffit de sélectionner une configuration similaire de l'appareil.

Dimensions et résolution des images et de l'écran

Depuis les écrans Appareils Android ont différentes tailles d'écran, résolutions et densités de pixels (exprimées en points par pouce ou DPI), prennent en charge des images (et d'autres ressources) sélectionnées par le système d'exploitation en fonction de la densité de pixels de l'écran de l'appareil. Ainsi, dans le dossier res Le projet comporte quatre sous-dossiers :
drawable-xhdpi(ultra haute densité)
hdpi détachable(haute densité)
drawable-mdpi(densité moyenne)
drawable-ldpi(faible densité)

Densités de pixels des appareils Android

xhdpi Ultra haute densité - env. 320 ppp
hdpi Haute densité - env. 240 ppp
mdpi La densité moyenne est d'env. 160 ppp
ldpi Faible densité - env. 120 ppp
nodpi Aucune mise à l'échelle des ressources quelle que soit la densité de l'écran
Étape 1. Ajouter des images au projet
Pour cette application vous devez ajouter des images du bogue Deitel (bug.png) et du logo Android (android.png) au projet. Ces images se trouvent dans le dossier images avec les exemples de livres. Pour ajouter des images à un projet, procédez comme suit :
1. Dans la fenêtre Explorateur de packages, ouvrez le dossier du projet res.
2. Localisez et ouvrez le dossier images trouvé parmi les exemples du livre, puis faites glisser et déposez les images dans le dossier situé dans le sous-dossier drawable-hdpi du dossier res.

Les images peuvent maintenant être utilisées dans l'application.

Étape 2. Modifiez la propriété Id de RelativeLayout
À l'aide de la fenêtre Propriétés, vous pouvez configurer les propriétés de la disposition ou du composant sélectionné sans modifier directement le code XML. Si la fenêtre Propriétés n'est pas visible, affichez-la en double-cliquant sur l'entrée RelativeLayout dans la fenêtre Structure.

Sélectionnez le composant RelativeLayout, puis faites défiler la fenêtre Propriétés pour sélectionner la propriété Id et lui attribuer une valeur :

@+id/welcomeRelativeLayout

Le nom de chaque objet est déterminé par sa propriété Id. Cette propriété permet d'accéder et de modifier un composant sans avoir à
connaître l'emplacement exact du composant dans le code XML. Comme nous le montrerons plus tard, la propriété Id peut également être utilisée pour indiquer le positionnement relatif des composants dans un RelativeLayout.

Symbole + en construction @+identifiant définit la création d'un nouvel identifiant (nom de variable), qui est spécifié à droite du symbole /

Étape 3 : Définissez la propriété Background de RelativeLayout sur une valeur
Par défaut, la couleur de fond de la mise en page est blanche (dans notre cas), mais vous pouvez la changer (par exemple, en jaune). Toute couleur est le résultat du mélange de composants rouges, bleus et verts, appelés composants RVB. Chacun de ces composants peut prendre une valeur entière comprise entre 0 et 255. Le premier composant spécifie la quantité de rouge dans la couleur globale, le second spécifie la quantité de vert et le troisième spécifie la quantité de bleu. Lors de l'exécution dans l'environnement de développement intégré (IDE), la couleur est spécifiée au format hexadécimal. Autrement dit, les composants RVB sont représentés sous forme de valeurs comprises entre 00 et FF.
Pour changer la couleur d'arrière-plan, recherchez la propriété Background dans la fenêtre Propriétés et définissez-la sur #FFFF33

Le format #RRGGBB est constitué de paires de nombres hexadécimaux qui représentent respectivement le rouge, le vert et le bleu. Android prend également en charge les valeurs alpha (transparence) comprises entre 0 et 255. Une valeur de 0 est entièrement transparente et une valeur de 255 est entièrement opaque. Si vous prévoyez d'utiliser des valeurs alpha, spécifiez la couleur au format #AARRGGBB, où les deux premiers chiffres hexadécimaux correspondent à la valeur alpha.
Si les deux chiffres de chaque composant de couleur sont identiques, vous pouvez utiliser le format #RGB ou #ARGB. Par exemple, la valeur #FFF est traitée comme #FFFFFF.

Étape 4 : Ajouter un composant TextView
Dans cette étape, nous allons ajouter un composant TextView à l'interface utilisateur. Dans la liste Form Widgets (Form Widgets), située sur le côté gauche de la fenêtre Visual Layout Editor, recherchez le composant TextView et faites-le glisser vers la zone de conception.

Après avoir ajouté un nouveau composant à l'interface utilisateur, il est automatiquement sélectionné et ses propriétés sont affichées dans la fenêtre Propriétés.

Étape 5 : Définir la propriété Text du composant TextView à l'aide de ressources de chaîne

Selon la documentation Android sur les ressources d'application (developer.android.com/guide/topics/resources/index.html), il est considéré comme une bonne pratique de stocker des chaînes, des tableaux de chaînes, des images, des couleurs, des tailles de police, des dimensions et d'autres ressources d'application d'une manière qui peut être utilisée séparément du code d'application. Par exemple, après avoir externalisé les valeurs de couleur, tous les composants utilisant la même couleur peuvent être recolorés en modifiant simplement la valeur de couleur dans le fichier de ressources central.
Si vous avez besoin de localiser des applications en créant des versions dans plusieurs langues différentes, séparez les chaînes du code de l'application. En conséquence, vous pourrez facilement modifier ces lignes à l'avenir. Le dossier res du projet contient le sous-dossier values, qui contient le fichier strings.xml. Ce fichier est utilisé pour stocker des chaînes. Pour générer des chaînes localisées pour d'autres langues, créez dossiers séparés valeurs pour chaque langue utilisée.
Par exemple, le dossier values-fr peut contenir un fichier strings.xml pour le français et le dossier values-es peut contenir un fichier strings.xml pour l'espagnol. Vous pouvez également former les noms de ces dossiers en fonction des informations sur la région. Par exemple, le dossier values-en-US peut contenir un fichier strings.xml pour l'anglais américain et le dossier values-en-GB peut contenir un fichier strings.xml pour l'anglais britannique.
Pour plus d'informations sur la localisation, consultez les ressources :

developer.android.com/guide/topics/resources/ ;
fournir-ressources.html.AlternativeResources ;
developer.android.com/guide/topics/resources/localization.html.

Pour définir la valeur de la propriété Text du composant TextView, créons une nouvelle ressource de chaîne dans le fichier strings.xml.

1. Sélectionnez le composant TextView.
2. Dans la fenêtre Propriétés, recherchez la propriété Texte, cliquez sur la valeur par défaut, puis cliquez sur le bouton points de suspension. Ce bouton est à droite
partie du champ de valeur de propriété et affiche la boîte de dialogue Sélecteur de ressources.

3. Dans la boîte de dialogue Sélecteur de ressources, cliquez sur le bouton Nouvelle chaîne… pour afficher la boîte de dialogue Créer une nouvelle chaîne Android.
Chaîne Android)

4. Remplissez les champs String et New R.string, puis cliquez sur le bouton OK pour masquer la boîte de dialogue Create New Android String et revenir à la fenêtre Resource Chooser.

5. Une nouvelle ressource de chaîne de bienvenue est automatiquement sélectionnée. Cliquez sur le bouton OK pour sélectionner cette ressource.

Une fois les étapes ci-dessus terminées, la propriété Text apparaît dans la fenêtre Propriétés. Une entrée sous la forme @string indique qu'une ressource de chaîne existante peut être sélectionnée dans le fichier strings.xml, et le nom welcome indique qu'une ressource de chaîne est actuellement sélectionnée.

Le principal avantage de définir des valeurs de chaîne est de faciliter la localisation de l'application en créant des
Fichiers de ressources XML pour d'autres langages. Chaque fichier utilise le même nom dans le champ New R.string et prend en charge une chaîne internationalisée dans le champ String. Android peut alors sélectionner le fichier de ressources approprié en fonction de la langue préférée de l'utilisateur de l'appareil. Information additionnelle la localisation peut être trouvée sur developer.android.com/guide/topics/resources/localization.html.

Étape 6: définissez la taille du texte et les propriétés supérieures du rembourrage du composant TextView sur la densité et l'échelle des pixels indépendants

Les composants de l'interface graphique et le texte sur un écran Android peuvent être dimensionnés à l'aide de différentes unités de mesure.
La documentation décrivant les différentes tailles d'écran est disponible sur developer.android.com/guide/practices/screens_support.html et recommande d'utiliser des pixels indépendants de la densité pour le dimensionnement des composants de l'interface graphique et d'autres éléments de l'écran, et des tailles de police définies à l'aide de pixels indépendants de la mise à l'échelle.

La spécification de dimensions de pixels indépendantes de la densité (dp ou dip) permet à la plate-forme Android de mettre automatiquement à l'échelle l'interface graphique en fonction de la densité de pixels de l'écran de l'appareil physique.
La taille d'un pixel indépendant de la densité équivaut à la taille d'un pixel physique sur un écran de 160 dpi (points par pouce). Résolution à l'écran
Une taille de pixel indépendante de la densité de 240 dpi sera mise à l'échelle par un facteur de 240/160 (c'est-à-dire 1,5). Ainsi, un composant de 100 pixels indépendants de la densité sera mis à l'échelle à une taille de 150 pixels physiques sur un tel écran. Sur un écran de 120 dpi, chaque pixel indépendant de la densité est mis à l'échelle par un facteur de 120/160 (c'est-à-dire 0,75). Cela signifie que 100 pixels indépendants de la densité se transformeront en 75 pixels physiques sur un tel écran. Les pixels indépendants de l'échelle évoluent de la même manière que les pixels indépendants de la densité, mais leur échelle dépend également de la taille de police préférée de l'utilisateur.
Augmentons maintenant la taille de la police du composant TextView et ajoutons un peu de rembourrage au-dessus du composant TextView.
1. Pour modifier la taille de la police, sélectionnez TextView, puis définissez la propriété Taille du texte sur 40sp.
2. Pour augmenter la marge entre le bord supérieur de la mise en page et le TextView, sélectionnez la propriété Marge supérieure de la mise en page dans la section Divers de la fenêtre Propriétés.
et donnez-lui une valeur de 10dp.

Étape 7. Définition de propriétés supplémentaires du composant TextView
Configurer propriétés supplémentaires Composant TextView comme suit :
1. Définissez la propriété Id sur @+id/welcomeTextView.
2. Définissez la propriété Couleur du texte sur #00F(bleu).
3. Définissez la propriété Style de texte sur gras. Pour effectuer cette opération, cliquez dans le champ Valeur de cette propriété, puis cliquez sur le bouton points de suspension pour afficher une boîte de dialogue dans laquelle vous sélectionnez un style de police. Cochez la case en gras, puis cliquez sur le bouton OK pour sélectionner un style de texte.
4. Pour centrer le texte du composant TextView lorsqu'il s'étend sur plusieurs lignes, définissez la propriété Gravity sur center. Pour l'exécution
pour cette opération, cliquez dans la zone du champ Valeur de cette propriété, puis cliquez sur le bouton points de suspension pour afficher la boîte de dialogue de paramétrage de la propriété
la gravité



Étape 8 Affichage logos Android et Deitel Bug avec les composants ImageViews
1. Faites glisser le composant ImageView, situé dans la catégorie Images et médias (Images et ressources multimédias) de la palette Visual Layout Editor, dans la fenêtre Plan (Mise en page), . Un nouveau composant ImageView apparaîtra sous le nœud welcomeTextView.

2. Définissez la propriété Id du composant ImageView sur @+id/droidImageView. Le nom de l'objet droidImageView sera affiché dans la fenêtre Outline.

3. Définissez la propriété Layout center horizontal de droidImageView sur true pour centrer ImageView dans la mise en page.

4. Définissez le champ Description du contenu sur @string/droidPic

5. Nous faisons des actions similaires pour l'image bug.png. Définissez la propriété Id du composant sur @+id/bugImageView.

Eh bien, lançons notre première application :)

Pour écrire des programmes, vous avez besoin d'un environnement de développement. Google recommande d'utiliser Eclipse avec le plug-in Android Development Tools (ADT) à cette fin. Dans ce didacticiel, nous verrons en détail comment installer et configurer cet environnement de développement.

Je décrirai l'installation applicable au fonctionnement Système Windows 7.
J'utilise ce guide d'installation -
Configuration requise -

Il y a beaucoup de captures d'écran et d'instructions dans cet article. Gardez à l'esprit que les versions logicielles changent constamment et que tout peut sembler différent pour vous et que les versions peuvent être différentes.
Comment mettre à jour les composants est.

1. SDK Java - JDK

Car les applications sont développées en Java, il faut télécharger et installer le SDK correspondant, aussi appelé le JDK (à moins, bien sûr, qu'il ne soit déjà installé).

Vous pouvez télécharger. Récemment, la septième version est apparue. Je ne peux rien dire à ce sujet, mais il y a quelque chose de brut, donc je recommande de télécharger la sixième version éprouvée Dans la section Édition standard de la plate-forme Java presse Téléchargement JDK, cochez la case que vous acceptez le contrat de licence et téléchargez le fichier en fonction de votre système d'exploitation. L'installation ne devrait pas poser de problème. Après cela, il est conseillé de redémarrer.

2.SDK Android

Le SDK Android inclut les outils dont vous avez besoin pour développer des applications Android. Le contenu peut être visualisé et téléchargé. Il est recommandé de télécharger le fichier EXE, mais je suggère de télécharger la version ZIP et de la décompresser vous-même dans un répertoire qui vous convient (s'il n'y a pas de lien ZIP, cliquez sur le lien Autres plates-formes).

Veuillez noter qu'il doit s'agir d'un répertoire "pour toujours". Et il vaut mieux ne pas le déplacer n'importe où, sinon vous devrez reconfigurer l'environnement de développement. Je suggère de créer un répertoire Android quelque part. Il est hautement souhaitable que le chemin qui y mène soit court. Idéalement - :\android (pour moi ce sera f:\android). Pour nous, rappelons ce répertoire sous le pseudonyme . Et décompressez notre archive SDK dedans, nous obtenons \android-sdk-windows.

3.Éclipse

Environnement de développement agréable et pratique, où nous allons créer et créer). Nous la prendrons. Google nous recommande une version Éclipse classique. Nous sommes d'accord avec lui et téléchargeons cette version particulière. Décompressez l'archive dans, nous obtenons \éclipse.

4.ADT

Par défaut, Eclipse n'est pas très adapté au développement d'applications Android. ADT est un plugin qui met en place un environnement de développement pour utilisation d'Android SDK et ajoute la possibilité d'un développement pratique.

Lancez Eclipse (\eclipse\eclipse.exe). Au premier démarrage, il vous demandera de spécifier le répertoire de travail où il stockera les informations sur les projets. Encore une fois, je propose de ne pas aller loin et de créer un catalogue \espace de travail et spécifiez ce répertoire.

Eclipse est donc opérationnel. Téléchargez le plug-in ADT.

Lancer dans le menu Aide > Installer un nouveau logiciel...

Cliquez sur le bouton Ajouter dans le coin supérieur droit

Entrer " Plug-in AD" dans le champ Nom
Adresse URL : https://dl-ssl.google.com/android/eclipse/- dans le champ emplacement

Cliquez sur D'ACCORD et attendez qu'il apparaisse Outils de développement(Si vous avez des problèmes, utilisez http au lieu de https)
Cochez Outils de développement et cliquez Suivant

Nous voyons les composants qui seront installés, cliquez à nouveau Suivant

Lisez et acceptez le contrat de licence et cliquez sur Finir

Le téléchargement des composants commence. S'il apparaît avertissement de sécurité que l'authenticité ou la validité du logiciel ne peut être établie, presse D'ACCORD.

Le processus m'a pris environ une minute.
Une fois terminé, vous devez redémarrer Eclipse - Redémarrer maintenant

Après avoir redémarré Eclipse, il affichera la boîte de dialogue suivante :

Le premier élément est nécessaire pour ceux qui, pour une raison quelconque, n'ont pas téléchargé et décompressé le SDK à la deuxième étape de cette instruction. Eclipse pourra le faire lui-même. Et en plus, il téléchargera immédiatement la dernière plateforme Android. Il propose également de télécharger la version 2.1 de la plate-forme, la plus prise en charge par un tas d'appareils.

Nous sommes intéressés par le deuxième élément - il vous permet de spécifier où nous avons déballé le SDK à l'étape 2. Nous avons ceci - \android-sdk-windows. Cliquez sur Suivant.

Et dans la fenêtre qui apparaît, choisissez d'envoyer ou non les statistiques à Google. Cela n'affectera en rien le travail.

5. Plates-formes Android

Et nous échouons dans le SDK Manager.

Ici, il est proposé de sélectionner des composants à télécharger via Internet. Sur le côté droit, pour chaque composant, il est indiqué s'il est déjà installé ou non. Alors qu'est-ce qu'on va télécharger ?

Assurez-vous de télécharger le contenu encore désinstallé du dossier Outils. Toujours dans le dossier Extras (à la fin de la liste), recherchez l'élément Bibliothèque de support Android et marquez-le s'il existe.

Pour le reste il te faut versions Android choisissez uniquement la plate-forme SDK. Gardez à l'esprit que chaque plate-forme peut peser jusqu'à 150 mètres !!! Vous ne tremblerez pas beaucoup au boulot, les admins viendront vous chercher plus tard :) Pour les premiers cours, vous n'avez besoin que de plateformes 2.2 (API 8) et 2.3.3 (API 10). Vous ne pouvez que les télécharger pour l'instant.

Pour les plateformes version 4.X, sélectionnez Plate-forme SDK(la plate-forme elle-même) et Image système ARM EABI v7a(pour que l'émulateur fonctionne).

Si vous ne vous sentez pas désolé pour le trafic, ajoutez les éléments suivants pour chaque plate-forme :
Exemples de SDK- codes sources d'exemples d'application
API Google par Google Inc.- nécessaire si vous allez travailler avec des applications Google (Carte, Navigation, etc.)

Si le trafic n'est pas du tout dommage - mettez tous les daws. Mais il faudra attendre longtemps. Et le tout prendra plus d'un concert.

Quand tout le monde a choisi, appuyez sur le bouton Installer les packages X en bas à droite.

Dans une nouvelle fenêtre, nous confirmons que nous acceptons de télécharger tout cela - Accepter tout. En même temps, ici, vous pouvez voir la taille et refuser quelque chose.

Cliquez sur Installer - l'indicateur s'est exécuté et le journal s'est ouvert - le téléchargement a commencé. Avec mon choix de composants, j'ai attendu 20 minutes, après cela, la phrase est apparue dans les fenêtres :

Installation terminée. Fermez le journal et le gestionnaire de SDK.

Pour information - mes nouveaux composants ont pris 1,5 gigaoctets.

Ensuite, redémarrez Eclipse et c'est tout. Après avoir terminé ces étapes, nous disposons d'un environnement de développement avec lequel nous pouvons coder des applications Android. Peut-être que ces actions sembleront boueuses et ennuyeuses, mais sans elles, malheureusement, en aucune façon. Ensuite, les choses deviennent plus amusantes. Si quelque chose ne fonctionne pas ou donne une erreur - essayez de google, vous n'êtes probablement pas le premier à rencontrer un tel problème et il existe déjà une description de la solution sur le réseau. Eh bien, ou écrivez sur le forum.

Dans la prochaine leçon, nous allons configurer un périphérique virtuel Android (AVD) dans Eclipse, créer notre première application et lançons-le. AVD est un émulateur de smartphone avec système d'exploitation Système Android, sur lequel vous pouvez exécuter et tester des applications. Ne connectez pas votre smartphone à chaque fois) Nous verrons également la structure du projet d'application.

PS Si vous ne voyez pas cette fenêtre

ou vous l'avez accidentellement fermé - c'est bon. Le chemin d'accès au SDK de l'étape 2 peut être spécifié manuellement.

Dans le menu Eclipse Fenêtres > Préférences

Sélection gauche Android, cliquez sur Parcourir

Spécifiez le répertoire où le SDK a été décompressé - \android-sdk-windows. Cliquez sur appliquer.

On nous dit que le composant est manquant - fermez ce message et cliquez sur D'ACCORD

J'ai aussi cette fenêtre :

Il dit que si nous voulons améliorer le produit, nous pouvons envoyer des statistiques d'utilisation. Le choix vous appartient, vous pourrez toujours le modifier ultérieurement dans les paramètres. J'ai laissé un daw, je ne suis pas désolé)

Après cela, vous pouvez aller dans le SDK Manager (dans le menu Eclipse Fenêtre > Gestionnaire de SDK Android) et plateformes de téléchargement.