Astuce créer un texte à l’ajustement automatique avec Android O

Le premier aperçu développeur d'Android O est arrivé!

Dans cette série de conseils, nous allons explorer certaines des nouvelles fonctionnalités de l'interface utilisateur que vous pourrez vous attendre à découvrir dans la prochaine version d'Android O (reo?)..

Dans cette première astuce, nous aurons une expérience pratique de la nouvelle fonctionnalité de redimensionnement automatique du texte d'Android O, qui vous permet de créer un texte qui se contracte et se développe automatiquement pour s'adapter à la présentation actuelle..

Comme il s’agit de notre premier regard sur Android O ici à Envato Tuts +, commençons par s’assurer que notre environnement de développement est compatible avec Android O.

Configurer l'aperçu du développeur

Actuellement, vous ne pouvez accéder à l'aperçu du développeur Android O que via la dernière version canary d'Android Studio..

Les versions Canaries sont à la pointe d'Android Studio et sont généralement mises à jour toutes les semaines. Bien que ces versions soient testées, elles sont moins stables que les versions officielles d'Android Studio et ne sont donc pas recommandées pour le développement en production..

Pour télécharger la dernière version de Canary et saisir l'aperçu Android O, lancez d'abord Android Studio, puis sélectionnez Studio Android > Préférences… de la barre d'outils. Sélectionner Apparence et comportement> Paramètres système> Mises à jour, et dans le menu déroulant, sélectionnez Canary Channel.

Ensuite, cliquez sur l'accompagnement Vérifie maintenant bouton pour télécharger la dernière version de Canary Channel.

Ensuite, redémarrez votre IDE et ouvrez le gestionnaire de SDK. S'assurer que le gestionnaire de SDK Plateformes SDK l'onglet est sélectionné, sélectionnez le Android O Aperçu composant.

Puis passez au Outils SDK onglet et sélectionnez les éléments suivants: 

  • Kit de développement Android SDK 26.0.0 (rc1 ou supérieur)
  • Android SDK Platform-Tools 26.0.0 (rc1 ou supérieur)
  • Android Emulator 26.0.0
  • Dépôt de support

Clique le D'accord bouton pour télécharger tous ces composants.

Enfin, créez un nouveau projet Android ciblant Android O. Par souci de simplicité, définissez le SDK minimal du projet sur Android 7+ O Aperçu puis sélectionnez Activité vide.

Configurez votre fichier Gradle

Une fois qu'Android Studio a créé votre projet, ouvrez son module. build.gradle déposer et changer le buildToolsVersion la version et la Bibliothèque de support version aux dernières versions:

apply plugin: 'com.android.application' android compileSdkVersion 'android-O' buildToolsVersion '26 .0.0-rc1 'defaultConfig applicationId "com.jessicathsby.myapplication" minSdkVersion' O 'targetSdkVersion' O 'versionCode 1 version name "1.0" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"

Tout au long de cette série, nous ajouterons un certain nombre de fonctionnalités Android O à cet exemple d'application. Si vous souhaitez utiliser ces fonctionnalités en action, vous devez créer un DAV qui exécute l'image du système Android O. Lancez AVD Manager d’Android Studio, sélectionnez Créer un périphérique virtuel… puis suivez les instructions à l’écran pour créer un DAV. Vous pouvez utiliser les paramètres de votre choix, mais lorsque Android Studio vous invite à sélectionner votre image système, assurez-vous de sélectionner cette option. O.

Créer plus de texte dynamique

L'une des nouvelles fonctionnalités de l'interface utilisateur auxquelles nous pouvons nous attendre dans Android O est le redimensionnement automatique du texte. En ajoutant quelques attributs XML, vous pouvez créer des TextViews qui augmentent et diminuent automatiquement la taille de votre texte afin qu'il s'adapte toujours parfaitement aux limites de TextView.. 

Cette mise à l'échelle automatique permet de garantir que votre texte reste facile à lire dans la vaste gamme de tailles et densités d'écran d'Android. Le redimensionnement automatique peut également vous aider à éviter les espaces vides étranges dans votre mise en page, ou le texte qui est coupé au milieu d'une phrase parce que vous avez essayé d'insérer trop de mots dans un objet TextView..

Vous pouvez implémenter le redimensionnement automatique du texte de deux manières:

  • Granularité. Cette approche vous permet de spécifier une taille de texte minimale et maximale, ainsi qu'une valeur de granularité, qui correspond à la taille de votre texte pouvant augmenter ou diminuer de taille à chaque étape. Affichage redimensionnera ensuite votre texte horizontalement et verticalement de cette valeur incrémentielle, jusqu'à ce qu'il Affichage à la perfection.
  • Tailles prédéfinies. C'est ici que vous définissez un tableau de toutes les tailles que votre texte peut éventuellement être. Android O sélectionnera ensuite la taille la plus appropriée dans ce tableau, en fonction de la Affichagedimensions de.

Quelle que soit la méthode choisie, vous devrez toujours ajouter le android: autoSizeText = "uniforme" Attribut XML à votre Affichage, alors ouvrez votre fichier de ressources de mise en page et ajoutez cet élément maintenant.

Granularité

Pour implémenter le redimensionnement automatique en utilisant la granularité, vous devez ajouter les attributs XML suivants à votre Affichage:

  • autoSizeMinTextSize: La taille minimale du Affichage peut utiliser.
  • autoSizeMaxTextSize: La taille maximale du Affichage peut utiliser.
  • autoSizeStepGranularity: La valeur d'incrément. C'est 1px par défaut.

Ici, je crée une vue qui peut redimensionner son texte entre 10sp et 100sp, par incréments de 2sp:

Tailles Prédéfinies

L'autre option consiste à créer un tableau des tailles de texte prises en charge. Android O choisira ensuite la valeur la plus appropriée dans cette liste, en fonction de la quantité de texte à afficher, de la AffichageLes dimensions de, et la configuration actuelle de l'écran.  

Si votre projet ne contient pas déjà un arrays.xml fichier, vous pouvez en créer un en cliquant avec le bouton droit de la souris sur le projet. res / valeurs répertoire et en sélectionnant Nouveau> Fichier de ressources de valeurs. Dans la fenêtre qui apparaît, donnez à ce fichier le nom tableaux, puis cliquez sur D'accord.

Vous pouvez alors ouvrir votre nouveau res / values ​​/ arrays.xml déposer et définir toutes les tailles souhaitées Affichage utiliser.

   10sp 15sp 25sp 30sp 100sp 150sp  

Enfin, référencez ce tableau en utilisant le autoSizePresetSizes attribut, par exemple:

N'oubliez pas de tester!

Une fois que vous avez ajouté la taille automatique à une Affichage, démarrez votre Android O AVD et regardez comment votre Affichage s'affiche sur un écran Android O émulé. Pour vérifier que le dimensionnement automatique fonctionne correctement, mettez à jour votre Affichage pour afficher différentes quantités de texte, puis voir quel impact cela a sur l'image rendue finale que vous voyez à l'écran.

Si vous implémentez la réduction automatique de la taille, il est important de tester vos vues de texte dans différentes configurations d'écran, car vous devrez peut-être ajuster vos tailles de texte minimale et maximale pour vous assurer que votre texte reste lisible sur différents écrans..

Conclusion

Dans cette astuce, je vous ai montré comment créer du texte automatiquement mis à l’échelle. Dans le prochain conseil, nous verrons comment Android O est sur le point de le faire. beaucoup plus facile à utiliser des polices personnalisées dans vos applications Android. En attendant, consultez quelques-uns de nos autres tutoriels: