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.
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:
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.
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.
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:
Affichage
redimensionnera ensuite votre texte horizontalement et verticalement de cette valeur incrémentielle, jusqu'à ce qu'il Affichage
à la perfection.Affichage
dimensions 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.
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
:
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 Affichage
Les 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:
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..
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: