Introduction à Android Wear Hands-On

Dans la première partie de cette série en deux parties, nous avons exploré ce qu’est Android Wear, son fonctionnement, et avons exploré la nouvelle interface utilisateur développée spécifiquement par l’équipe Android pour Android Wear. J'ai également partagé certaines des meilleures pratiques à garder à l'esprit lorsque vous vous développez pour le monde des technologies portables Android..

Dans la deuxième partie de cette série, vous mettrez en pratique vos nouvelles connaissances sur Android Wear en créant deux exemples d'applications qui s'intègrent à Android Wear de différentes manières..

La première application montre la manière la plus simple de commencer à développer pour Android Wear, de prendre une application de poche classique et d'étendre ses notifications afin qu'elles apparaissent et fonctionnent parfaitement sur un appareil Android Wear couplé..

Dans le deuxième exemple, vous allez créer une application portable en plein écran en créant un projet Hello World composé d'un composant portable et d'un ordinateur de poche. Une fois que vous avez créé ce projet barebone, vous avez tout en place pour continuer à travailler et le développer en une application complète et portable..

Ce tutoriel utilise Android Studio. Si vous ne l'avez pas déjà installé, vous pouvez télécharger l'IDE depuis le site officiel des développeurs Android..

1. Téléchargez, installez et mettez à jour votre logiciel

Avant de pouvoir développer n'importe quoi pour la plate-forme portable, vous devez préparer votre environnement de développement en installant et en mettant à jour tous les packages dont vous avez besoin, en vous assurant que votre IDE Android Studio est à jour..

Pour vérifier que vous utilisez la dernière version d’Android Studio, lancez l’EDI, cliquez sur Studio Android dans la barre d’outils et sélectionnez Vérifier les mises à jour. Ce tutoriel nécessite la version Android Studio 0.8 ou supérieur, mais idéalement, vous devriez avoir la dernière version installée pour pouvoir bénéficier des toutes dernières fonctionnalités et corrections.

Ensuite, ouvrez le gestionnaire de SDK Android et vérifiez que vous disposez des dernières versions des trois packages suivants:

  • Outils SDK
  • Outils de plate-forme
  • Construire des outils

Téléchargez et installez les mises à jour disponibles. Une fois ces packages mis à jour, deux nouveaux packages apparaîtront dans le SDK Manager:

  • Aperçu du développeur Android L
  • Android 4.4W (API 20)

Téléchargez et installez les deux packages.

Si vous venez de mettre à jour vos packages SDK Tools, Platform Tools et / ou Build Tools, mais ne voyez toujours pas les packages Android L et Android 4.4.W, fermez et relancez SDK Manager. Cela devrait forcer les deux nouveaux paquets à se cacher.

Si vous n'avez pas encore installé la bibliothèque de support Android, faites-le maintenant. Vous le trouverez dans le gestionnaire de SDK Extras Catégorie.

2. Créer un DAV portable

Que vous construisiez une application portable ou une application portable générant des notifications prêtes à l'emploi, vous aurez besoin d'un moyen de tester les éléments portables de votre projet. Ceci est assez simple grâce à AVD Manager, qui contient tout ce dont vous avez besoin pour émuler un périphérique portable..

Même si vous possédez une montre intelligente Android Wear physique, vous aurez besoin d'un moyen de tester votre projet sur les différents écrans d'Android Wear. Il vous faudra donc toujours créer au moins un AVD. Pour le moment, cela signifie simplement de tester votre projet sur un écran rond et carré, mais cette liste risque de s'allonger au fur et à mesure que de nouveaux appareils Android Wear seront disponibles..

Pour créer un Android Wear AVD, lancez le gestionnaire AVD et cliquez sur Créer. Donnez un nom à votre AVD et entrez les paramètres suivants:

  • Dispositif:Sélectionnez soit Android Wear Round ou Android Wear Square, en fonction de l'écran que vous souhaitez émuler.
  • Cible:Choisir Android L Aperçu.
  • Peau:Sélectionnez soit AndroidWearRound ou AndroidWearSquare, en fonction du type d'écran que vous souhaitez émuler.

Une fois votre AVD créé, lancez-le et laissez-le en marche en arrière-plan..

Bien que vous émuliez maintenant un appareil Android Wear, ce que vous n'émulez pas, c'est la connexion qui existe entre un appareil portable physique et un smartphone ou une tablette couplée..

Si vous voulez tester avec précision les composants portables de votre projet, vous devez émuler cette connexion. C'est ici qu'intervient l'application Android Wear. Elle est disponible sur Google Play..

3. Connectez votre ordinateur de poche à l’émulateur

Une fois que vous avez installé l'application compagnon Android Wear sur votre smartphone ou votre tablette, cet appareil portable permet de communiquer avec un AVD portable de la même manière qu'un appareil portable couplé communique avec un ordinateur portable..

Étape 1

Sur votre ordinateur de poche, ouvrez le magasin Google Play et installez l'application Android Wear officielle..

Étape 2

Activez le débogage USB sur votre smartphone ou votre tablette et utilisez le câble USB pour connecter votre appareil de poche à votre ordinateur..

Étape 3

Avant que votre Android Wear AVD puisse communiquer avec votre ordinateur de poche, vous devez ouvrir le port TCP. 5601 sur ton ordinateur. lancement Terminal sous OS X ou Invite de commande sous Windows, et changez le répertoire pour qu'il pointe vers votre outils de plate-forme dossier:

Utilisateurs cd / jessica / Téléchargements / adt-bundle / sdk / platform-tools

Notez que la commande ci-dessus varie en fonction de l'emplacement du SDK Android sur votre ordinateur de développement..

Étape 4

Maintenant que le terminal ou l’invite de commande pointe vers le bon emplacement, ouvrez le port nécessaire en émettant un adb commande comme indiqué ci-dessous.

./ adb -d tcp avant: 5601 tcp: 5601

Étape 5

Sur votre appareil de poche, lancez l'application compagnon Android Wear. Appuyez sur l'icône de la montre dans la barre d'outils de l'application (surlignée dans la capture d'écran ci-dessous), puis attendez que Connecté apparaître dans la barre d'outils.

Lorsque vous souhaitez connecter votre ordinateur de poche à un AVD portable, vous devrez répéter ce processus. Gagnez du temps en laissant l'émulateur en arrière-plan et votre smartphone ou votre tablette branché sur votre ordinateur pendant que vous avancez dans ce didacticiel..

Avant de passer à l'étape suivante, prenez le temps d'explorer les interactions entre votre ordinateur de poche et votre ordinateur portable, en particulier s'il s'agit de votre première expérience pratique avec Android Wear..

Lorsque vous connectez un fichier AVD portable à un périphérique de poche, ce dernier commence automatiquement à extraire les notifications du smartphone ou de la tablette connecté et les affiche sous forme de cartes dans son environnement émulé. Flux de contexte. Un bon moyen de vous familiariser avec Android Wear est de passer du temps à parcourir ces cartes de notification personnalisées..

Pour effectuer une action de balayage, utilisez votre souris pour faire glisser les cartes de notification de haut en bas. Vous pouvez également afficher les boutons d'action d'une carte de notification, ainsi que toutes les pages supplémentaires, en glissant / glissant la carte vers la gauche..

Vous pouvez explorer d'autres cartes de notification en envoyant une sélection de cartes de démonstration à votre AVD. Pour envoyer une carte de démonstration, ouvrez l'application associée et appuyez sur l'icône du menu en trois points dans son coin supérieur droit. Sélectionner Cartes de démonstration et choisissez une carte dans la liste. La carte de démonstration apparaîtra alors dans le flux de contexte de votre AVD. Une fois qu'une carte de démonstration arrive sur l'AVD, elle fonctionne exactement comme une carte de notification normale..

4. Exemple d'application 1: Notifications prêts à être utilisées

Android Wear adopte une approche proactive pour extraire les notifications de smartphones ou tablettes Android couplés et les afficher sous forme de cartes dans le flux de contexte. Toutefois, si votre application ne prend pas explicitement en charge Android Wear, il n’est pas garanti que ses notifications s’afficheront et fonctionneront correctement sur un appareil Android Wear..

Pour offrir la meilleure expérience possible aux utilisateurs d'Android Wear susceptibles d'entrer en contact avec votre application, vous devez créer des notifications de l'ordinateur de poche pouvant s'étendre de manière transparente à un appareil portable couplé, le cas échéant. Dans les sections suivantes, je vais vous montrer comment créer un exemple d'application pour ordinateur de poche pouvant déclencher une notification prête à l'emploi..

Étape 1: Configuration du projet

Cet exemple d'application sera installé sur le smartphone ou la tablette de l'utilisateur. Commencez par créer un projet Android de base. Ouvrir les studios Android Fichier menu et sélectionnez Nouveau projet. Donnez un nom à votre projet et cliquez dessus Suivant. Sélectionner Téléphone et tablette, choisissez le SDK minimum pris en charge par votre application, puis cliquez sur Suivant. Sélectionner Activité vide et cliquez Suivant. Donnez un nom à votre activité. Pour les besoins de ce tutoriel, j'utilise Mon activité. Cliquez sur terminer laisser Android Studio créer le projet.

Étape 2: Mettre à jour le fichier de génération Gradle

Pour créer une notification prête à l'emploi, votre projet doit avoir accès à la bibliothèque de support. Ouvrez votre projet build.gradle fichier et ajoutez la bibliothèque de support à la section des dépendances comme indiqué ci-dessous.

dependencies compile fileTree (dir: 'libs', include: ['* .jar']]) compiler 'com.android.support:support-v4:20.0+'

À ce stade, Android Studio doit vous inviter à synchroniser les modifications apportées au fichier build.gradle. Cliquez donc sur le bouton Synchroniser maintenant message quand il apparaît. Si l'EDI ne vous le demande pas, vous devez quand même synchroniser vos modifications en ouvrant le logiciel Android Studio. Fichier menu et en cliquant Synchroniser.

Étape 3: Créer une interface utilisateur

Cet exemple d'application consistera en un bouton qui déclenchera la notification. Pour créer cette interface utilisateur simple, ouvrez le app> src> main> res> layout> activity_my.xml fichier et entrez les informations suivantes:

 

Cette interface utilisateur fait référence à une ressource chaîne, ouvrez le Valeurs> strings.xml fichier et y ajouter ce qui suit:

Notifier portable

Étape 4: Créer une notification

Vous êtes maintenant prêt à créer votre notification prête à être portée. Ouvrir app> src> main> java> MyActivity et importez les classes que vous utiliserez pour créer votre application. Les premiers devraient déjà être familiers.

importer android.app.Activity; importer android.os.Bundle; importer android.view.View; importer android.widget.Button;

Étant donné que vous allez créer une notification prenant en charge les systèmes portables, vous devez également importer certaines classes de la bibliothèque de support, comme indiqué ci-dessous..

importer android.support.v4.app.NotificationCompat; importer android.support.v4.app.NotificationManagerCompat;

Maintenant il est temps de créer votre notification en utilisant le NotificationCompat classe. Jetez un coup d’œil à la mise en œuvre de la Mon activité classe montrée ci-dessous.

package com.example.jessica.myapplication; importer android.app.Activity; importer android.os.Bundle; importer android.support.v4.app.NotificationCompat; importer android.support.v4.app.NotificationManagerCompat; importer android.view.View; importer android.widget.Button; Classe publique MyActivity étend Activity @Override protected void onCreate (Bundle savedInstanceState) super.onCreate (savedInstanceState); setContentView (R.layout.activity_my); Bouton wearButton = (Button) findViewById (R.id.wearButton); wearButton.setOnClickListener (new View.OnClickListener () @Override public void onClick (View v) int notificationId = 001; NotificationCompat.Builder notificationBuilder = nouvelle NotificationCompat.Builder (MyActivity.this) .setSmallIcon (R.drawable.al). setContentTitle ("Title") .setContentText ("Android Wear Notification"); NotificationManagerCompat notificationManager = NotificationManagerCompat.from (MyActivity.this); notificationManager.notify (notificationId, notificationBuilder.build ());); 

Étape 5: Test des notifications

La prochaine étape consiste à tester votre projet sur les plates-formes portables et portables. Si ce n'est déjà fait, lancez votre AVD portable et connectez-le à votre appareil de poche avant de continuer..

Ouvrez le Courir menu et sélectionnez Exécuter 'app'. dans le Choisissez un appareil fenêtre, sélectionnez votre appareil de poche. Après quelques secondes, votre application apparaîtra sur le smartphone ou la tablette connectée..

Pour tester cette notification très importante, appuyez sur l'application Notifier portable bouton. Une notification apparaîtra alors dans le tiroir de notification du smartphone ou de la tablette. Ouvrez le tiroir de notification pour vérifier que cette partie de la notification s'affiche correctement..

Sur votre Android Wear AVD, faites défiler les cartes de notification jusqu'à ce que vous trouviez la carte générée à partir de votre notification prête à être utilisée. Encore une fois, vérifiez que cette notification s'affiche correctement. Et tu as fini.

5. Exemple d'application 2: application portable en plein écran

Composant portable

Bien que Google encourage les développeurs à intégrer leurs applications à Android Wear Flux de contexte, il est possible de créer des applications plein écran pour les appareils Android Wear.

Les applications plein écran portables comprennent en réalité un ordinateur de poche et un composant portable. L'utilisateur installe l'application de poche sur son smartphone ou sa tablette et le système envoie automatiquement le composant portable sur le périphérique Android Wear couplé. Si vous souhaitez créer une application portable plein écran, vous devez créer une application de poche contenant un composant portable..

Cela peut sembler compliqué, mais vous pouvez créer ce type de projet deux en un simplement en sélectionnant les bonnes options dans l'assistant de projet d'Android Studio:

  1. Dans Android Studio, ouvrez le Fichier menu et sélectionnez Nouveau projet.
  2. Donnez un nom à votre projet, puis cliquez sur Suivant.
  3. Sélectionner Téléphone et tablette et Porter. Vous pouvez choisir quel SDK minimum le Téléphone et tablette module prend en charge, mais le Porter module doit soutien API 20. Cliquez sur Suivant.
  4. Sélectionner Activité vide et cliquez Suivant.
  5. Attribuez à votre activité un nom distinctif afin d'éviter toute confusion avec l'activité portable de votre projet, par exemple, Activité de poche. Cliquez sur Suivant.
  6. Sélectionner Activité d'usure à blanc et cliquez Suivant.
  7. Attribuez à l'activité portable un nom qui rend impossible toute confusion avec l'activité du projet relative à l'ordinateur de poche.
  8. Créez votre projet en cliquant sur terminer.

Explorer les projets Hello World

Lorsque vous indiquez à l'assistant de création de projet de créer Téléphone et tablette et Porter composants, il crée deux modules:

  • Mobile:Malgré son nom, ce module peut fonctionner sur les smartphones ainsi que sur les tablettes.
  • Porter: Le système Android pousse ce module sur le périphérique portable associé.

Si vous ouvrez l'un des modules, vous verrez qu'Android Studio l'a déjà rempli avec une foule de classes, de répertoires et de ressources..

Testez Hello World Code

Non seulement Android Studio génère automatiquement la mise en page des deux modules, il les intègre également avec du code Hello World. Bien que vous remplaciez ce code Hello World, le processus de test d'un projet composé d'un contenu portable et portable reste identique. C'est une bonne occasion d'apprendre à tester ce genre de projet.

Avant de commencer, assurez-vous que votre AVD portable est opérationnel et qu'il est connecté à votre appareil de poche.

Pour tester le module portable du projet:

  1. Ouvrez le Courir menu de la barre d’outils Android Studio et sélectionnez Courir… .
  2. Dans la fenêtre qui apparaît, sélectionnez mobile.
  3. Lorsque vous y êtes invité, choisissez le périphérique de poche actuellement connecté à votre ordinateur. Le composant de l'ordinateur de poche de votre application apparaîtra ensuite sur votre smartphone ou votre tablette, prêt à être testé..

Pour tester la composante portable du projet:

  1. Ouvrez le Courir menu de la barre d’outils Android Studio et sélectionnez Courir… .
  2. Sélectionner Porter de la popup qui apparaît.
  3. Sélectionnez votre AVD portable.
  4. Le composant portable de votre application apparaîtra sur votre AVD.

Remarque: si votre projet n'apparaît pas automatiquement, vous devrez peut-être faire glisser l'écran plusieurs fois pour le trouver..

6. Dépannage

Bien qu'il soit normal de rencontrer un bogue occasionnel ou un problème connu lorsque vous travaillez sur un projet logiciel, il est probable que vous rencontriez beaucoup plus de problèmes lorsque vous développez pour Android Wear, tout simplement parce que vous utilisez une application. IDE qui est toujours en version bêta à développer pour une toute nouvelle version du système d'exploitation Android.

Dans cette section, je partage une solution de contournement pour un problème connu, ainsi que des astuces et conseils généraux pour vous aider à surmonter tout autre problème que vous pourriez rencontrer..

Au moment de la rédaction, lorsque vous créez un projet avec un module portable ou ajoutez du code prêt à porter à un projet portable, vous pouvez rencontrer un problème connu avec le fichier de génération Gradle. Ce problème entraîne l'échec de la génération Gradle avec les erreurs suivantes:

Impossible de trouver une version correspondant à com.google.android.support:wearable:+. Impossible de trouver une version correspondant à com.google.android.gms: play-services-wearable:+.

La solution consiste à ajouter une URL à la liste des sites définis par l'utilisateur de l'EDI. Lancez le SDK Manager, puis sélectionnez Outils dans la barre d’outils et cliquez sur Gérer les sites complémentaires.

À ce stade, vous pouvez rencontrer un autre problème, dans lequel le gestionnaire de SDK s'ouvre mais pas la barre d'outils. Si le Gestionnaire de SDK est sélectionné mais que la barre d’outils ne s’affiche pas en haut de l’écran, vous devez réduire le Gestionnaire de SDK, puis le sélectionner à nouveau. La barre d’outils devrait alors apparaître et vous pouvez sélectionner Outils> Gérer les sites complémentaires.

dans le Sites complémentaires fenêtre, cliquez sur le Sites définis par l'utilisateur bouton, cliquez Nouveau et ajoutez https://dl-ssl.google.com/android/repository/addon-play-services-5.xml à la liste des URL. Cliquez sur D'accord pour finir.

Si l'erreur persiste, vérifiez que vous disposez de la dernière version du Services Google Play et Google Repository paquets installés. Si vous avez terminé toutes ces étapes et voyez toujours les erreurs de Gradle, il est possible que votre IDE n'ait pas enregistré les modifications apportées à l'environnement de développement. Fermer et relancer Android Studio devrait résoudre ce problème.

Si vous rencontrez un autre message d'erreur Gradle ou si vous rencontrez un problème complètement différent, voici quelques solutions générales qui peuvent vous aider à remettre votre projet sur les rails:

Paquets de mise à jour

Si certains de vos packages SDK Android sont obsolètes, il est possible que vous rencontriez un problème qui a déjà été résolu par un package mis à jour. Démarrez votre SDK Manager et recherchez les mises à jour..

Relancer

Si vous avez apporté des modifications à vos packages SDK Android et rencontrez toujours le même problème, essayez de fermer et de relancer votre IDE afin de savoir qu'Android Studio a enregistré vos modifications..

Version Android Studio

Étant donné qu'Android Studio est en version bêta, il est particulièrement important de le garder à jour, car la plupart des mises à jour apportent de nouveaux correctifs. Pour vous assurer que vous utilisez la version la plus récente d'Android Studio, sélectionnez Android Studio> Rechercher les mises à jour… .

Conclusion

Vous avez maintenant tout ce dont vous avez besoin pour commencer à ajouter le support Android Wear à vos propres projets d’ordinateur de poche. Si vous suivez ce didacticiel et décidez de créer des notifications prêtes à porter, votre appareil Android de poche et le gestionnaire AVD sont déjà préparés pour tester votre code prêt à porter..

Si vous souhaitez plutôt développer des applications Android Wear en plein écran, vous avez déjà la structure de base en place, alors pourquoi ne pas continuer à travailler sur l'exemple d'application Hello World?