Google I / O 2017 Aftermath: Quoi de neuf pour Android Wear?

Dans cette série de conseils, nous avons examiné de plus près certaines des nouvelles fonctionnalités et outils Android annoncés lors de Google I / O de cette année.

Dans cet article, nous allons nous concentrer sur Android Wear.

Google fournit depuis un certain temps des composants d’interface utilisateur Android Wear via une bibliothèque de support portable dédiée, mais tout est sur le point de changer!

Lors de l’événement de cette année, Google a annoncé que les différents composants qui composent la bibliothèque de support Wearable vont être obsolètes, fusionnés ou migrés vers la bibliothèque de support Android. Dans cet article, nous examinerons quels composants vont être fusionnés, déplacés et supprimés, et comment vous pouvez commencer à utiliser le nouveau module Wear de la bibliothèque de support Android. aujourd’hui.

Nous examinerons également de nouveaux outils conçus pour faciliter le travail avec l’API Complications d’Android Wear.

Nouvelle bibliothèque d’interface utilisateur Android Wear

Lors de la Google I / O de cette année, l’équipe Android Wear a annoncé que la majeure partie de la bibliothèque d’assistance Wearable était transférée vers la bibliothèque d’assistance Android. Les composants spécifiques à l’usure formeront la base d’un nouveau module de support-usure, similaire à d’autres modules de la bibliothèque de support Android, tels que support-recylerview et support-design.

Selon les sessions Android Wear à Google I / O, nous pouvons nous attendre à ce que ce nouveau module Wear sorte de la version bêta en même temps que Android O est officiellement lancé.

Cependant, pas tout les composants de la bibliothèque de support portable passeront à la bibliothèque de support Android. Google a également annoncé que certains composants de la bibliothèque de support Wearable seront:

• Fusionné. Les composants applicables aux appareils portables et portables seront fusionnés dans le cadre Android ou dans des modules de support plus génériques. Les composants qui doivent être fusionnés comprennent CircledImageView, DelayedConfirmationView, et ActionButton.

• Obsolète. Google va abandonner les composants de l’interface utilisateur d’Android Wear associés à des modèles de conception qui ne se sont pas avérés populaires auprès des utilisateurs d’Android Wear. Plus précisément, Google supprimera le modèle spatial bidimensionnel qui permettait aux utilisateurs d’Android Wear de se déplacer horizontalement et verticalement, et le remplacera par un modèle vertical LinearLayout. Toutes les classes associées au modèle spatial bidimensionnel seront obsolètes, y compris GridViewPager, des boutons d’action et des dispositions d’action.

Bien que cette migration soit un processus continu, Google a déjà intégré certains composants Android Wear dans la version 26.0.0 Beta1 de la bibliothèque de support Android.

• BoxInsetLayout: Il s’agit d’un écran sensible à la forme FrameLayout qui peut vous aider à concevoir une mise en page unique qui fonctionne à la fois pour les cadrans carrés et ronds. Lorsque votre mise en page est affichée sur un écran rond, un BoxInsetLayout encadrera tous ses enfants dans un carré imaginaire au centre de l’écran circulaire. Vous pouvez spécifier comment vos éléments d’interface utilisateur seront positionnés dans ce carré central, à l’aide du layout_box attribut. Lorsque votre application est affichée sur un écran carré, Android ignore le layout_box et utilise un insert de fenêtre de zéro, de sorte que vos vues seront positionnées comme si elles étaient à l’intérieur d’un FrameLayout.

• SwipeDismissFrameLayout: Il s’agit d’une mise en page que vous pouvez utiliser pour implémenter des interactions personnalisées pour votre Views et fragments. Vous utiliserez généralement SwipeDismissFrameLayout pour permettre aux utilisateurs de rejeter les vues et les fragments en balayant l’écran, reproduisant essentiellement la fonctionnalité de Retour bouton trouvé sur les smartphones et tablettes Android.

• WearableRecyclerView: Il s’agit d’une implémentation spécifique à Wearable de RecyclerView qui vous aide à concevoir des dispositions plus efficaces pour les écrans ronds. le WearableRecyclerView utilise plus efficacement la courbure d’un écran rond et est généralement utilisé pour mettre en œuvre des listes courbes. WearableRecyclerView vous donne également la possibilité d’utiliser des gestes de défilement circulaire dans votre application, via son setCircularScrollingGestureEnabled() méthode.

Ajout du nouveau module Android Wear

Pour commencer à utiliser le nouveau module Android Wear, vous devez avoir installé la bibliothèque d’assistance Android 26.0.0 Beta1, ce qui nous amène à une autre annonce Google I / O.

Lors de l’événement de cette année, Google a annoncé qu’il distribuerait toutes les versions à venir de la bibliothèque de support Android (26.0.0 Beta1 et plus) via le référentiel Google Maven seulement.

Le téléchargement de la bibliothèque de support Android à partir de ce référentiel vous oblige simplement à ajouter le référentiel Google Maven à votre build.gradle fichier:

repositories {
  maven { url 'https://maven.google.com' }
  jcenter()
}

Vous pouvez ensuite configurer vos dépendances de compilation comme d’habitude, alors ouvrez votre module portable build.gradle et ajoutez la bibliothèque Wear en tant que dépendance de projet:

dependencies {
  compile fileTree(dir: 'libs', include: ['*.jar'])

//Add the following//

  compile 'com.android.support:wear:26.0.0-beta1'

Pour ajouter un composant de la bibliothèque de l’interface utilisateur d’Android Wear à votre interface utilisateur, ouvrez simplement le fichier de ressources de mise en page et assurez-vous d’utiliser le nouveau nom de package complet. Essentiellement, cela signifie remplacer android.support.wearable.view avec android.support.wear.widget. Par exemple, ici j’utilise le BoxInsetLayout classe de la bibliothèque de support Android:

<?xml version="1.0" encoding="utf-8"?>
<android.support.wear.widget.BoxInsetLayout 
https://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@color/dark_grey"
  android:padding="@dimen/box_inset_layout_padding"
  tools:context="com.jessicathornsby.myapplication.MainActivity"
  tools:deviceIds="wear">

  <FrameLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:padding="@dimen/inner_frame_layout_padding"
      app:layout_box="all">

      <TextView
          android:id="@+id/text"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Hi World" />

  </FrameLayout>

</android.support.wear.widget.BoxInsetLayout>

Pour importer cette classe dans votre fichier Java, il vous suffit d’utiliser le même nom, donc l’ancien:

import android.support.wearable.view.BoxInsetLayout;

Devient le nouveau:

import android.support.wear.widget.BoxInsetLayout;

Intégration plus facile avec l’API Complications

Les utilisateurs d’Android Wear peuvent choisir parmi une grande variété de styles de cadrans de montre, et bien que l’API Complications donne aux cadrans un contrôle complet sur la façon dont ils tirent ces données, cette flexibilité peut rendre difficile l’ajout de la prise en charge des complications à vos cadrans.

Lors de la Google I / O de cette année, l’équipe Android Wear a introduit quelques ajouts qui devraient faciliter le travail avec l’API Complication.

ComplicationDrawable

ComplicationDrawable est une nouvelle solution qui promet de gérer tout le style et la mise en page de vos complications pour vous.

Si vous créez un ComplicationDrawable mais ne définissez aucun paramètre de style, vous obtiendrez un look par défaut, mais vous pouvez également utiliser le ComplicationDrawable pour styliser chaque partie de votre complication, y compris sa couleur d’arrière-plan, son rayon d’angle et sa bordure.

Si votre projet cible l’API 24 ou une version ultérieure, vous pouvez définir un ComplicationDrawable objet en créant un fichier de ressources de mise en page dédié dans votre projet / res / drawable dossier.

Ouvrez votre fichier XML, puis créez un ComplicationDrawable en utilisant les balises suivantes:

<android.support.wearable.complications.rendering.ComplicationDrawable
...
...
...
  <ambient

//Define the attributes you want to use when the device is in ambient mode//

    />

  </android.support.wearable.complications.rendering.ComplicationDrawable>

Notez que les attributs définis au niveau supérieur s’appliquent aux modes standard et ambiant, sauf si vous remplacez spécifiquement ces attributs dans le fichier <ambient> section.

Vous devez ensuite transmettre les données de complication à votre dessinable:

@Override
public void onComplicationDataUpdate(int id, ComplicationData data)  {
 myComplicationDrawable.setComplicationData(data);

 }

Et enfin, dessine ta complication en appelant setBounds sur votre tirable:

@Override
public void onDraw(Canvas canvas, Rect bounds)  {
  if(haveChanged(bounds))  {
      myComplicationDrawable.setBounds(
          complicationBoundsWithin(bounds));
}

//Call draw on the ComplicationDrawable//

  myComplicationDrawable.draw(canvas, currentTimeMillis);  
...
...
...

}

TextRenderer

La plupart des complications incluent une forme de texte et TextRenderer est une nouvelle classe qui apporte un certain nombre d’ajustements petits mais puissants à la façon dont le texte de complication est dessiné sur le canevas.

Vous pouvez utiliser TextRenderer pour spécifier les limites avec lesquelles votre texte de complication doit fonctionner, et TextRenderer redimensionnera alors le texte ou le disposera sur plusieurs lignes, afin de s’adapter à cette zone. De plus, lorsque l’écran passe en mode ambiant «toujours activé» d’Android Wear, TextRenderer ajuste votre texte en masquant les caractères et le style qui ne conviennent pas à ce mode.

Pour profiter de cette nouvelle classe, vous devez créer un TextRenderer lorsque vous initialisez votre cadran de montre, puis passez le TextPaint que vous souhaitez utiliser, qui définit les attributs de style tels que la police et la couleur du texte:

@Override
public void onCreate(SurfaceHolder holder)   {
...
...
...
myTextRenderer = new TextRenderer();
myTextRenderer.setPaint(myTextPaint(TextPaint);

Vous devez créer un TextRenderer pour chaque champ, vous devrez donc également créer un TextRenderer pour votre texte de titre:

myTitleRenderer = new TextRenderer();
myTitleRenderer.setPaint(myTitlePaint);
...
...
...
}

Quand il est temps de dessiner, vous devrez définir le texte sur le moteur de rendu en appelant setText, puis récupérez le texte en appelant getText:

public void onDraw(Canvas canvas, Rect bounds)  {
...
...
...
    myTextRenderer.setText(myComplicationText.getText(
        Context, data.getShortText(), currentTimeMillis));

    myTextRenderer.draw(canvas, bounds);
...
...
...
}

Notez que de nombreuses complications dépendent du temps, c’est pourquoi currentTimeMillis est inclus dans l’extrait de code ci-dessus.

Conclusion

Dans cet article, nous avons examiné comment ajouter la nouvelle bibliothèque d’interface utilisateur Android Wear à votre projet et comment vous pouvez commencer à travailler avec un certain nombre de composants de cette bibliothèque dès aujourd’hui. Nous avons également examiné deux composants qui promettent de rendre l’intégration avec l’API Complications d’Android Wear beaucoup plus facile qu’auparavant.

Dans le prochain épisode, nous aurons un aperçu des fonctionnalités à venir d’Android 3.0, en explorant la dernière version d’Android Studio Canary.

En attendant, découvrez quelques-uns de nos autres tutoriels et nos cours vidéo sur le développement d’applications Android!