Quoi de neuf dans Android Studio 2.2?

Les derniers mois ont été une période passionnante pour Android Studio. Il y a eu d'abord la version 2.1 avec prise en charge d'Android N. Ensuite, Google I / O nous a présenté un aperçu de la prochaine version majeure sous la forme d'Android Studio 2.2 Preview 1, mais elle a été rapidement remplacée par Preview 2, qui contenait un bug important. corrections et autres améliorations.

Dans cet article, nous allons examiner de plus près les nouveautés d'Android Studio 2.2. Et si vous ne possédez pas encore la dernière version d'Android Studio 2.2 Preview, le moment est venu de la récupérer à partir de la page Canaries..

1. Nouvel éditeur de mise en page

L'une des fonctionnalités les plus évidentes introduites dans Android Studio 2.2 est le nouvel éditeur de disposition. En fait, lorsque vous lancez Android Studio 2.2 Preview pour la première fois, vous serez peut-être surpris de voir à quel point l'éditeur est différent..

Le premier ajout intéressant à l'éditeur de disposition d'Android Studio est un mode Blueprint qui masque temporairement les détails les plus fins de votre disposition. Vous êtes donc libre d'examiner minutieusement l'espacement et la disposition de votre interface utilisateur. Pour voir le mode de plan d'action en action, assurez-vous que vous avez bien Android Studio Conception onglet sélectionné puis cliquez sur le Montrer le plan icône (où le curseur est positionné dans la capture d'écran ci-dessous).

Depuis que tu as la Conception l’onglet sélectionné, vous remarquerez également un autre nouvel ajout à l’éditeur de mise en page, le Propriétés panneau à droite.

Sélectionnez n'importe quelle vue dans votre mise en page et le Propriétés panneau affichera les propriétés les plus importantes pour cette vue particulière, telles que sa largeur, contentDescription, et même le contenu de la vue si vous sélectionnez quelque chose comme un Affichage ou ImageView. Vous pouvez éditer toutes ces propriétés directement dans la Propriétés panneau.

La dernière nouvelle fonctionnalité qui joue un rôle important dans l'éditeur de disposition réorganisé d'Android Studio est un peu spéciale. En fait, il est si spécial qu'il mérite sa propre section. Je parle de ContrainteLayout.

2. ContrainteLayout

ContrainteLayout est un gestionnaire de disposition flexible conçu spécialement pour le tout nouvel éditeur de disposition d'Android Studio.

Cette nouvelle disposition vous permet de définir la disposition de chaque vue en fonction de sa relation avec les autres éléments de votre disposition. Cela signifie que vous pouvez créer des interfaces utilisateur complexes sans avoir à imbriquer plusieurs présentations, ce qui est toujours mauvaise nouvelle pour les performances de votre application.

Si tout cela vous semble un peu familier, c'est que ContrainteLayout est fondamentalement similaire à Disposition relative. toutefois, ContrainteLayout est plus flexible que Disposition relative, De plus, il présente l'avantage supplémentaire d'être conçu pour fonctionner parfaitement avec le nouvel éditeur de disposition brillant d'Android Studio..

La sauce secrète qui pourrait faire ContrainteLayout votre nouvelle mise en page préférée est contraintes. Les contraintes vous permettent de dicter le positionnement d'une vue à l'écran par rapport aux autres éléments de l'interface utilisateur. Par exemple, connecter la partie supérieure de ImageView1 au fond de ImageView2 signifie que ImageView1 apparaît toujours en dessous ImageView2. Vous pouvez également créer des contraintes entre une vue et son conteneur parent. Par exemple, vous pouvez connecter le côté droit d’un Affichage au bord droit de son parent ContrainteLayout.

Pour vous aider à démarrer, Android Studio 2.2 Nouveau projet assistant utilise ContrainteLayout comme mise en page par défaut pour plusieurs de ses modèles de projet.

Pour créer un nouveau fichier de ressources de présentation prenant en charge ContrainteLayout, créez le fichier comme vous le faites normalement en faisant un clic droit sur la Disposition répertoire et en sélectionnant Nouveau> Fichier de ressources de mise en page. Ensuite, ouvrez ce fichier de mise en page et définissez sa racine sur:

 

Alternativement, vous pouvez convertir n’importe quelle mise en page en un fichier. ContrainteLayout en ouvrant cette mise en page, en s'assurant que Android Studio Conception onglet est sélectionné, cliquez avec le bouton droit sur la mise en page, puis sélectionnez Convertir en contrainteLayout dans le menu contextuel qui apparaît.

Si vous avez un projet créé avec une ancienne version d'Android Studio que vous souhaitez mettre à jour pour prendre en charge ContrainteLayout, alors il vous suffit d'ajouter le ContrainteLayout bibliothèque dans le fichier build.gradle de votre projet au niveau module:

dependencies … compile 'com.android.support.constraint: constraint-layout: 1.0.0-alpha2'

Une fois que vous avez un projet et un fichier de ressources de mise en page qui prend en charge ContrainteLayout, vous êtes prêt à commencer à travailler avec des contraintes.

Créer des contraintes

Le nouvel éditeur de mise en page démarre avec Connexion automatique activé par défaut, ce qui signifie qu'Android Studio crée automatiquement une ou plusieurs contraintes pour chaque vue ajoutée à votre mise en page..

Pour déclencher la connexion automatique, il suffit de déposer une vue dans un ContrainteLayout et faites glisser cette vue autour. Dès que vous libérez cette vue, Autoconnect entre en jeu et crée des contraintes avec un joli petit effet animé..

La connexion automatique est pratique pour créer des contraintes rapides, mais elle a ses limites. Par exemple, la connexion automatique ne peut créer des contraintes que parmi les vues voisines..

Si la connexion automatique ne crée pas le type de contrainte que vous aviez à l'esprit, vous pouvez toujours ajouter, supprimer ou modifier des contraintes manuellement. Si vous décidez de passer par la route manuelle, il est généralement plus facile de désactiver la connexion automatique à l’avance en sélectionnant Désactiver la connexion automatique icône (où le curseur est positionné dans la capture d'écran ci-dessous).

Pour créer une contrainte manuellement, sélectionnez la vue à laquelle vous souhaitez ajouter la contrainte. Vous remarquerez que de petits cercles apparaissent autour du bord de la vue. Ce sont les poignées de contrainte de la vue.


Survolez la poignée où vous voulez créer la contrainte, puis cliquez et faites glisser. La poignée fera germer une flèche, que vous pourrez ensuite faire glisser vers:

  • Une autre vue: Faites glisser la poignée vers la deuxième vue. Lorsque vous êtes correctement positionné, un Libérer pour créer… L'info-bulle apparaîtra. Pour créer votre contrainte, relâchez simplement la poignée.


  • Bord de la contrainte parentLayout: Faites glisser la poignée vers le bord de la ContrainteLayout. Quand tu vois le Libérer pour créer… . infobulle, relâchez le handle pour finaliser la contrainte.

Si vous ajoutez des contraintes opposées à une vue, celle-ci sera généralement centrée entre ces deux points. L'éditeur de disposition affiche ces forces opposées à l'aide de lignes déchiquetées.


Suppression d'une contrainte

En ce qui concerne la suppression des contraintes, vous avez plusieurs options:

  • Supprimer toutes les contraintes d'une vue particulière: Sélectionnez la vue puis cliquez sur le Supprimer les contraintes icône qui apparaît juste en dessous de cette vue.

  • Supprimer toutes les contraintes de votre mise en page: Clique le Effacer toutes les contraintes icône qui apparaît dans la petite barre d'outils directement au-dessus de la Conception la fenêtre.

  • Supprimer une contrainte unique: Sélectionnez la vue, puis passez la souris sur la poignée de la contrainte à supprimer. Quand tu vois le Cliquez pour supprimer… infobulle, il suffit de cliquer avec votre souris et la contrainte disparaîtra dans les airs.

Une fois que vous commencez à travailler avec des contraintes, le Propriétés le panneau est très utile. Il vous permet de spécifier la taille exacte de vos contraintes.

Lorsque vous sélectionnez une vue, elle apparaît sous la forme d’un carré dans Propriétés panneau avec les contraintes de la vue représentées par des lignes. Chaque contrainte est accompagnée d'un nombre qui représente la longueur de cette contrainte.


Vous pouvez ajuster la longueur de chaque contrainte en survolant son numéro jusqu'à ce que celle-ci devienne un menu déroulant. Vous pouvez ensuite sélectionner une nouvelle valeur dans ce menu déroulant..

Si vous sélectionnez une vue ayant des contraintes opposées, la Propriétés Le panneau contient également un curseur que vous pouvez utiliser pour positionner la vue le long de l'axe des contraintes opposées..

3. Intégration de Firebase

Firebase est une nouvelle suite de services destinée à vous aider à développer des applications de haute qualité qui vous permettront d’attirer un public vaste et enthousiaste. Les aperçus d’Android Studio introduisent l’intégration Firebase. Vous pouvez donc ajouter des services Firebase à votre projet sans même avoir à quitter l’EDI..

Pour ajouter Firebase à votre projet, cliquez sur Outils> Firebase dans la barre d'outils Android Studio. Cela ouvre la nouvelle Assistant la fenêtre. Dans cette fenêtre, vous pouvez cliquer sur n’importe quelle fonctionnalité pour voir plus d’informations sur cette fonctionnalité particulière, bien que votre première étape consiste généralement à configurer Firebase Analytics, car cela fournit une base solide pour explorer de nouveaux services Firebase.

La meilleure façon de démarrer avec Firebase Analytics est de cliquer sur le bouton Premiers pas avec Firebase Analytics lien dans le Assistant la fenêtre. Cela vous guidera tout au long du processus de connexion de votre application à Firebase..

4. APK Analyzer

Cet outil vous aide à réduire la taille de votre fichier APK en vous permettant de vérifier la taille du fichier brut et la taille de téléchargement estimée de chaque composant composant votre fichier APK. Munis de ces informations, vous pouvez vous concentrer sur les domaines où vous pourriez perdre des octets en trop. APK Analyzer est également utile pour vérifier que votre APK contient tout ce que vous attendez..

Pour utiliser APK Analyzer, sélectionnez Construire> Analyser APK… suivi de l'APK que vous souhaitez examiner de plus près. La sortie de l'analyseur APK apparaîtra alors dans la fenêtre principale d'Android Studio, vous permettant d'explorer les différents composants qui composent l'APK..


5. Navigateur d'échantillons

Si votre projet a heurté un mur de briques, vous pouvez maintenant vous inspirer du navigateur d'échantillons d'Android Studio. Pour accéder à cette fonctionnalité, mettez une variable, un type ou une méthode en surbrillance dans votre projet, cliquez avec le bouton droit de la souris et sélectionnez Trouver un exemple de code dans le menu contextuel. Android Studio recherchera alors toutes les heures auxquelles le code en surbrillance apparaît dans les exemples de code Android de Google et affichera tous ces résultats dans une boîte d'envoi située sous la fenêtre d'édition principale..

6. Autres fonctionnalités du langage Java 8

L'introduction de la chaîne d'outils Jack signifie que vous pouvez commencer à utiliser les fonctionnalités de Java 8 dans vos projets Android. Pour activer les fonctionnalités du langage Java 8 et Jack, ouvrez le fichier build.gradle au niveau du module de votre projet et ajoutez les éléments suivants:

android … defaultConfig … jackOptions enabled true compileOptions sourceCompatibility JavaVersion.VERSION_1_8 targetCompatibility JavaVersion.VERSION_1_8

Pour plus d'informations sur les fonctionnalités Java 8 prises en charge dans Android Studio, consultez la documentation officielle d'Android..

7. Inspecteur de disposition

Vous pouvez utiliser l'inspecteur de modèle pour explorer et déboguer un instantané de votre modèle lorsqu'il est exécuté sur un périphérique virtuel Android (AVD) ou un périphérique Android physique. Pour capturer un instantané, assurez-vous que la disposition que vous souhaitez analyser est visible sur votre émulateur ou sur votre périphérique Android connecté. Ensuite, ouvrez Android Studio Moniteur Android onglet au bas de l'écran et sélectionnez le Inspecteur de disposition icône.

8. Visualiseur de manifeste fusionné

Il est maintenant beaucoup plus facile de comprendre comment votre manifeste se confond avec les dépendances de votre application à travers les variantes de construction de votre projet. Visionneur de manifeste fusionné dans Android Studio 2.2. Pour accéder au visualiseur de manifeste fusionné, ouvrez le dossier de votre projet. AndroidManifest.xml et sélectionnez le nouveau Manifest fusionné languette.


Conclusion

Si les aperçus vous attendent, alors Android Studio 2.2 s'annonce comme une avancée majeure pour Android IDE. Bien que les nouvelles fonctionnalités changent probablement d'ici la version finale, elles représentent une si grande amélioration pour Android Studio qu'il vaut la peine d'investir un peu de temps pour se familiariser avec ces nouvelles fonctionnalités..

Et, si vous passez un peu de temps à explorer ces aperçus, assurez-vous d’aider l’équipe d’Android Studio à signaler tous les problèmes que vous rencontrez..