Débuter avec Android Studio

Android Studio est un nouvel environnement de développement intégré (IDE) mis gratuitement à la disposition des développeurs Android par Google. Android Studio est basé sur IntelliJ IDEA, un IDE offrant également un bon environnement de développement Android. Dans ce didacticiel, je vais vous montrer comment créer un nouveau projet Android et tirer parti des fonctionnalités offertes par Android Studio..

Lorsque vous démarrez tout juste avec Android Studio, il peut être très utile d’utiliser un modèle d’application Android. Vous pouvez en trouver plus d'un millier en vente sur le marché Envato:

Modèles d'applications Android en vente sur Envato Market

1. Configuration du projet

Avant de commencer à explorer Android Studio, vous devez d'abord le télécharger et l'installer. Notez que vous devez avoir installé JDK version 6 ou supérieure. Si vous êtes sous Windows, lancez le .EXE fichier et suivez les étapes de l'assistant d'installation. Si vous utilisez OS X, montez l’image disque en double-cliquant dessus et faites glisser Android Studio sur votre disque dur. Applications dossier.

Si vous avez réussi les étapes ci-dessus, votre environnement de développement doit être configuré correctement. Vous êtes maintenant prêt à créer votre première application Android à l'aide d'Android Studio. Lorsque vous lancez Android Studio pour la première fois, un écran de bienvenue devrait s'afficher, vous offrant un certain nombre de choix pour vous aider à démarrer..

Dans ce tutoriel, nous allons choisir le Nouveau projet option. Cependant, vous pouvez choisir Projet d'importation si vous souhaitez importer un projet, par exemple, Eclipse, dans Android Studio. Android Studio convertira le projet Eclipse en un projet Android Studio en ajoutant les fichiers de configuration nécessaires..

Si vous sélectionnez Projet ouvert Dans la liste des options, vous pouvez ouvrir des projets créés avec Android Studio ou IntelliJ IDEA. En choisissant Commander à partir du contrôle de version, vous pouvez extraire une copie d'un projet sous contrôle de version. C'est un excellent moyen de se familiariser rapidement avec un projet existant.

Pour nous lancer, choisissez Nouveau projet de la liste des options. Cela vous montrera une liste d'options pour configurer votre nouveau projet. Dans ce tutoriel, nous allons créer une application simple pour vous montrer certaines des fonctionnalités les plus importantes d'Android Studio. Je suis sûr que vous êtes d'accord pour dire qu'il n'y a pas de meilleur nom pour notre projet que Bonjour le monde.

Comme vous pouvez le voir dans la capture d'écran ci-dessus, j'ai nommé mon application Bonjour le monde et définissez le nom du module sur Bonjour le monde. Si vous ne connaissez pas IntelliJ IDEA, vous vous demandez peut-être ce qu’est un module. Un module est une unité discrète de fonctionnalités qui peuvent être compilées, exécutées, testées et déboguées indépendamment. Les modules contiennent du code source, des scripts de construction et tout le reste nécessaire à leur tâche spécifique.

Lors de la création d'un nouveau projet, vous pouvez également définir le nom du package du projet. Par défaut, Android Studio définit le dernier élément du nom du package du projet sur le nom du module, mais vous pouvez le modifier comme vous le souhaitez..

Les autres paramètres sont l'emplacement du projet sur votre machine, le SDK minimum et cible, le SDK avec lequel votre projet sera compilé et le thème du projet. Vous pouvez également demander à Android Studio de créer un Activité classe et une icône de lancement personnalisée pour vous, et si le projet prend en charge GridLayout, Fragments, un tiroir de navigation ou une barre d’action.

Nous ne créerons pas d'icône personnalisée pour cette application afin que vous puissiez décocher la case à cocher intitulée Créer une icône de lancement personnalisée. Cliquez sur Suivant pour continuer la mise en place de votre projet.

Parce que nous avons coché la case Créer une activité à l'étape précédente, vous êtes invité à configurer le Activité classe Android Studio va créer pour vous.

Puisque nous allons commencer avec un blanc Activité classe, vous pouvez cliquer Suivant passer à l’étape suivante du processus d’installation, dans laquelle vous êtes invité à nommer le Activité classe, la disposition principale et la disposition des fragments. Vous pouvez également définir le type de navigation, que nous laisserons à Aucun pour ce projet. Jetez un coup d'œil à la capture d'écran suivante pour voir à quoi devraient ressembler vos paramètres..

Après avoir cliqué terminer, vous serez présenté avec l'interface utilisateur d'Android Studio avec l'explorateur de projet à gauche et l'espace de travail à droite. Avec votre projet configuré dans Android Studio, il est temps d'explorer certaines des fonctionnalités clés d'Android Studio..


2. Périphériques virtuels Android

Un périphérique virtuel Android ou AVD est une configuration d'émulateur, vous permettant de modéliser un périphérique Android. Cela facilite beaucoup l'exécution et le test des applications sur une large gamme de périphériques. Avec un périphérique virtuel Android, vous pouvez spécifier le matériel et le logiciel auxquels Emulateur Android doit imiter.

La méthode préférée pour créer un périphérique virtuel Android consiste à utiliser Gestionnaire AVD, auquel vous pouvez accéder dans Android Studio en sélectionnant Android> Gestionnaire AVD du Outils menu.

Si votre environnement de développement est configuré correctement, le gestionnaire de périphériques virtuels Android doit ressembler à la capture d'écran ci-dessous..

Pour créer un nouveau fichier AVD, cliquez sur Nouveau sur la droite, attribuez un nom à l’AVD et configurez le périphérique virtuel comme indiqué ci-dessous. Cliquez sur D'accord pour créer votre premier AVD.

Pour utiliser votre AVD nouvellement créé, sélectionnez-le dans la liste du gestionnaire AVD, puis cliquez sur Début… sur la droite. Si votre AVD est configuré correctement, l'émulateur Android devrait se lancer comme indiqué dans la capture d'écran ci-dessous..

Avec l'émulateur Android en marche, il est temps de lancer votre application en sélectionnant Run 'helloworld' du Courir menu. C'est aussi simple que d'exécuter une application dans l'émulateur Android..


3. Mise en page en direct

La fonctionnalité de disposition en direct d'Android Studio vous permet de prévisualiser l'interface utilisateur de votre application sans avoir à l'exécuter sur un périphérique ou l'émulateur. La fonctionnalité de mise en page en direct est un outil puissant qui vous fera littéralement gagner des heures. L'affichage de l'interface utilisateur de votre application est beaucoup plus rapide grâce aux dispositions en direct.

Pour travailler avec des mises en page dynamiques, double-cliquez sur le bouton XML fichier de mise en page et sélectionnez le Texte onglet au bas de l'espace de travail. Sélectionnez le Aperçu onglet à droite de l'espace de travail pour prévisualiser la mise en page actuelle. Toute modification apportée à la XML la mise en page sera reflétée dans l'aperçu à droite. Regardez la capture d'écran ci-dessous pour avoir une meilleure idée de cette fonctionnalité intéressante.

La fonctionnalité de mise en page dynamique présente plusieurs autres avantages qu'il convient de souligner. Vous pouvez, par exemple, créer une variante du XML mise en page que vous travaillez actuellement en sélectionnant une option dans le premier menu du Aperçu vitre. Vous pouvez, par exemple, créer des vues séparées pour portrait et paysage et Android Studio créera les dossiers et fichiers nécessaires à votre place..

Le deuxième menu du volet Aperçu vous permet de modifier la taille du périphérique affiché dans le volet Aperçu. Le troisième menu vous permet de modifier l'orientation du périphérique affiché dans le volet Aperçu, ce qui permet de voir facilement à quoi ressemble une présentation dans différentes orientations et en utilisant différents thèmes..

Le quatrième menu du volet Aperçu vous permet d’accéder facilement à la Activité ou un fragment dans lequel la mise en page est utilisée. La sous-fenêtre Aperçu vous permet également de changer la langue utilisée dans la présentation en direct pour faciliter la prévisualisation d'une présentation dans différentes langues. Le menu le plus à droite vous permet de changer la version de l'API.

La sous-fenêtre Aperçu comprend également des commandes permettant d'effectuer un zoom avant sur la mise en page, d'actualiser la sous-fenêtre d'aperçu ou de prendre une capture d'écran..


4. Modèles

Android Studio fournit aux développeurs un certain nombre de modèles pour accélérer le développement. Ces modèles créent automatiquement un Activité et le nécessaire XML des dossiers. Vous pouvez utiliser ces modèles pour créer une application Android de base, que vous pouvez ensuite exécuter sur un périphérique ou dans l'émulateur..

Avec Android Studio, vous pouvez créer un modèle lorsque vous créez un nouveau Activité. Faites un clic droit sur le nom du paquet dans le navigateur de projet à gauche, sélectionnez Nouveau dans le menu et choisissez Activité de la liste des options. Android Studio vous affiche ensuite une liste de modèles, tels que Activité videActivité plein écran, et Activité à onglets.

Vous pouvez également sélectionner Image Asset depuis le menu, un assistant vous guidera tout au long du processus de création. Laissez-moi vous montrer comment créer un nouveau Activité basé sur Activité de connexion modèle. Sélectionnez le Activité de connexion option de la liste des Activité modèles pour lancer l'assistant.

Comme vous pouvez le voir dans la capture d'écran ci-dessus, j'ai nommé le Activité LoginActivité, met le Nom de la mise en page à activity_login, Compte tenu du Activité un titre de Se connecter. La case à cocher intitulée Inclure Google+ se connecter est cochée par défaut. Décochez-la car nous n'utiliserons pas cette fonctionnalité dans notre exemple..

Vous pouvez éventuellement définir le Parent hiérarchique de la nouvelle Activité. Cela vous permettra de revenir en arrière si vous appuyez sur le bouton Retour de l'appareil. Nous allons laisser ce champ vide. Après avoir cliqué terminer, Android Studio crée les fichiers et dossiers nécessaires à votre place. Si tout se passe bien, vous devriez voir un nouveau Activité et Disposition dans votre projet.

La prochaine étape consiste à configurer le nouveau Activité dans le fichier manifeste de sorte qu'il est utilisé comme principal Activité lorsque l'application démarre. Comme vous pouvez le voir dans le fichier manifeste ci-dessous, le LoginActivité la classe a son propre noeud d'activité.

         

Pour que votre application lance le LoginActivité vous avez créé, supprimez le nœud d'activité pour le LoginActivité classe et remplacer com.tuts.HelloWorld.MainActivity
avec com.tuts.HelloWorld.LoginActivity. Le résultat est que l'application utilisera maintenant le LoginActivité classe comme principale Activité.

       

Lorsque vous créez et exécutez votre application dans l'émulateur, un écran similaire à celui présenté ci-dessous doit s'afficher. Cela signifie que nous avons remplacé avec succès le blanc Activité classe avec le nouveau créé LoginActivité classe.

5. Outils à charpie

Tester votre code est une chose, mais il est tout aussi important d'appliquer les meilleures pratiques lors de l'écriture de code. Cela améliorera les performances et la stabilité globale de votre application. Il est également beaucoup plus facile de maintenir un projet bien structuré.

Android Studio comprend Lint Android, un analyseur statique qui analyse le code source de votre projet. Il peut détecter des bugs potentiels et d’autres problèmes dans votre code que le compilateur peut ignorer..

La capture d'écran ci-dessous, par exemple, nous indique que le LinearLayout dans cette mise en page est d'aucune utilité. La bonne chose à propos de Lint Android est-ce que cela vous donne une raison pour l'avertissement ou l'erreur, ce qui facilite la réparation ou la résolution.

Il est recommandé de lancer de temps en temps l'outil anti-peluche d'Android Studio pour vérifier si votre projet présente des problèmes éventuels. L’outil Lint vous dira même si vous avez des images ou des traductions en double.

Pour exécuter l'outil Lint, sélectionnez Inspecter le code… du Analyser menu dans Android Studio pour démarrer le processus. Lorsque Android Studio a terminé d'inspecter votre projet, les résultats s'affichent en bas de la fenêtre. Notez qu'en plus de Lint Android, Android Studio effectue également un certain nombre de vérifications. Double-cliquez simplement sur un problème pour accéder au fichier contenant le problème..

6. Rich Layout Editor

Android Studio dispose d'un éditeur de disposition riche dans lequel vous pouvez faire glisser des composants d'interface utilisateur. Vous pouvez également prévisualiser les mises en page sur plusieurs configurations d'écran, comme nous l'avons vu précédemment dans ce didacticiel..

Le riche éditeur de mise en page est très simple à utiliser. Nous avons d’abord besoin d’une mise en page pour travailler. Accédez au disposition dossier dans votre projet res dossier, faites un clic droit sur le disposition dossier et sélectionnez Nouveau > Fichier de ressources de mise en page dans le menu qui apparaît.

Donnez un nom à la nouvelle mise en page, définissez son élément racine et cliquez sur D'accord. Android Studio ouvrira automatiquement la mise en page dans l'éditeur à droite.

Au bas de l'éditeur, vous devriez voir deux onglets, Conception et Texte. En cliquant sur le Texte onglet ouvre l'éditeur, vous permettant d'apporter des modifications à la mise en page sélectionnée.

En cliquant sur le Conception Onglet ouvre un autre éditeur qui vous montre un aperçu de la mise en page. Pour ajouter un widget à la présentation, faites-le glisser de la liste des widgets de gauche à la présentation de droite. C'est si simple.

Conclusion

Dans ce didacticiel, nous avons brièvement analysé certaines des principales fonctionnalités d’Android Studio. Il ressemble beaucoup à IntelliJ IDEA, mais il contient un certain nombre d’améliorations importantes qui rendent le développement Android plus facile, plus rapide et plus agréable..

Si vous souhaitez accélérer encore plus les choses, essayez d’utiliser un modèle d’application Android d’Envato Market ou de travailler avec un développeur Android indépendant sur Envato Studio..