Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android SDK
Code

Astuce rapide: Créez un texte automatisant avec Android O

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Quick Tips: New UI Features in Android O.
Quick Tip: Working With Custom Fonts in Android O

French (Français) translation by New Lune (you can also view the original English article)

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

Dans cette série de conseils, nous explorerons certaines des nouvelles fonctionnalités d'interface utilisateur que vous pouvez attendre dans la prochaine version d'Android O (reo?).

Dans ce premier conseil, nous aurons une expérience pratique avec la nouvelle fonctionnalité d'analyse automatique de texte d'Android O, qui vous permet de créer du texte qui se contracte et se développe automatiquement pour s'adapter à la mise en page actuelle.

Puisque c'est notre premier regard sur Android O ici chez Envato Tuts+, commençons par nous assurer que notre environnement de développement soit 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 qu'avec la dernière version canary de Android Studio.

Les versions canary sont les limites de l'Android Studio et sont généralement mises à jour chaque semaine. Bien que ces compilations soient testées, elles sont moins stables que les versions officielles de Android Studio et ne sont donc pas recommandées pour le développement de la production.

Pour télécharger la dernière compilation canary et saisir l'aperçu Android O, lancez d'abord Android Studio et sélectionnez Android Studio > Preferences… dans la barre d'outils. Sélectionnez Appearance & Behavior > System Settings > Updates et, dans le menu déroulant, sélectionnez Canary Channel.

Switch to the Android Studio Canary Channel

Ensuite, cliquez sur le bouton Check Now pour télécharger la dernière version de Canary Channel.

Ensuite, redémarrez votre IDE et ouvrez le Gestionnaire SDK. Assurez-vous que l'onglet SDK Manager de SDK Platforms est sélectionné, sélectionnez le composant Android O Preview.

Open the Android SDK Manager and download the O Developer Preview

Ensuite, passez à l'onglet SDK Tools, puis sélectionnez ce qui suit:

  • Android SDK Build-Tools 26.0.0 (rc1 ou supérieur)
  • Android SDK Platform-Tools 26.0.0 (rc1 ou supérieur)
  • Android Emulator 26.0.0
  • et Support Repository.

Cliquez sur le bouton OK pour télécharger tous ces composants.

Enfin, créez un nouveau projet Android qui cible Android O. Par souci de simplicité, définissez le SDK minimum du projet sur Android 7+ O Preview, puis sélectionnez Empty Activity.

Configurez votre fichier Gradle

Une fois que Android Studio a créé votre projet, ouvrez son fichier build.gradle au niveau du module et modifiez la version buildToolsVersion et la version de Support Library aux dernières versions:

Tout au long de cette série, nous ajouterons un certain nombre de fonctionnalités d'Android O à cet exemple d'application. Si vous rencontrez ces fonctionnalités en action, vous devrez créer un AVD qui exécute l'image du système Android O. Lancez Android Studio de AVD Manager, sélectionnez Create Virtual Device… puis suivez les instructions à l'écran pour créer un AVD. 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 O.

Création de plus de texte dynamique

L'une des nouvelles fonctionnalités d'interface utilisateur que nous pouvons attendre dans Android O, est l'auto-évaluation du texte. Avec l'ajout de quelques attributs XML, vous pouvez créer des TextViews qui augmentent et diminuent automatiquement la taille de votre texte afin qu'il correspond toujours parfaitement aux limites du TextView. Cette mise à l'échelle automatique peut garantir que votre texte reste facile à lire sur la vaste gamme de différentes tailles et densités d'écran de Android. Le redimensionnement automatique peut également vous aider à éviter d'étranges espaces vides dans votre mise en page, ou un texte qui a été interrompu à mi-phrase car vous avez essayé de cramponner trop de mots dans un TextView.

Il existe deux façons d'implémenter l'authentification du texte:

  • Granularité. Cette approche vous permet de spécifier une taille de texte minimale et maximale, plus une valeur de granularité, c'est à quel point votre texte peut augmenter ou diminuer de taille à chaque "étape". Le TextView va alors faire passer votre texte horizontalement et verticalement par cette valeur incrémentale , jusqu'à ce qu'il corresponde parfaitement à TextView.
  • Tailles prédéfinies. C'est là que vous définissez un tableau de toutes les tailles que votre texte peut être. Android O choisira alors la taille la plus appropriée à partir de ce tableau, en fonction des dimensions de TextView.

Quelle que soit la méthode que vous choisissez, vous devrez toujours ajouter l'attribut XML à votre TextView de l'application android:autoSizeText="uniform", alors ouvrez votre fichier de ressources de mise en page et ajoutez cet élément maintenant.

Granularité

Pour implémenter une analyse automatique en utilisant granularité, vous devez ajouter les attributs XML suivants à votre TextView:

  • autoSizeMinTextSize. La taille minimale utilisée par TextView peut être utilisée.
  • autoSizeMaxTextSize. La taille maximale utilisée par TextView peut être utilisée.
  • autoSizeStepGranularity. La valeur d'incrémentation. C'est par défaut 1px.

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 est de créer un tableau de formats de texte pris en charge. Android O choisira alors la valeur la plus appropriée de cette liste en fonction de la quantité de texte qu'il doit afficher, des dimensions de TextView et de la configuration d'écran actuelle.

Si votre projet ne contient pas déjà un fichier arrays.xml, vous pouvez en créer un en cliquant avec le bouton droit de la souris sur le répertoire res/values de votre projet et en sélectionnant New > Values Resource File. Dans la fenêtre qui apparaît, donnez à ce fichier les arrays des noms, puis cliquez sur OK.

Vous pouvez ensuite ouvrir votre nouveau fichier res/values/arrays.xml et définir toutes les tailles que vous souhaitez que votre TextView utilise.

Enfin, faites référence à ce tableau en utilisant l'attribut autoSizePresetSizes, par exemple:

N'oubliez pas de tester!

Une fois que vous avez ajouté l'authentification automatique à un TextView, démarrez votre Android O AVD et examinez comment votre TextView est affiché sur un écran Android Android émulé. Pour vérifier que l'auto-évaluation fonctionne correctement, mettez à jour votre TextView pour afficher différentes quantités de texte, puis voyez l'impact de cette image sur l'image finale que vous voyez à l'écran.

Si vous mettez en œuvre l'auto-évaluation, il est important que vous testez vos vues de texte sur une gamme de configurations d'écran différentes, car vous devrez peut-être modifier vos tailles de texte minimales et maximales pour vous assurer que votre texte reste lisible sur différents écrans.

Conclusion

Dans cette astuce rapide, je vous ai montré comment créer un texte qui s'intervalle automatiquement. Dans la prochaine astuce, nous allons voir comment Android O est sur le point de rendre beaucoup plus facile d'utiliser des polices personnalisées dans vos applications Android. En attendant, consultez quelques-uns de nos autres tutoriels


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.