Schneller Tipp Erstellen Sie mit Android O automatisch die Größe von Text

Die erste Entwicklervorschau von Android O ist eingetroffen!

In dieser Reihe von Tipps werden wir einige der neuen UI-Funktionen erkunden, auf die Sie sich in der kommenden Version von Android O (reo?) Freuen können..

In diesem ersten Tipp erhalten Sie praktische Erfahrungen mit der neuen Funktion zur automatischen Textskalierung von Android O, mit der Sie Text erstellen können, der automatisch verkleinert und dem aktuellen Layout angepasst wird.

Da dies unser erster Blick auf Android O hier bei Envato Tuts + ist, stellen wir zunächst sicher, dass unsere Entwicklungsumgebung Android O-Ready ist.

Richten Sie die Entwicklervorschau ein

Derzeit können Sie nur über den neuesten Canary Build von Android Studio auf die Android O Developer Preview zugreifen.

Canary-Builds sind der entscheidende Vorteil von Android Studio und werden in der Regel wöchentlich aktualisiert. Während diese Builds getestet werden, sind sie weniger stabil als die offiziellen Android Studio-Versionen und werden daher nicht für die Produktionsentwicklung empfohlen.

Um den neuesten Canary Build herunterzuladen und die Android O-Vorschau zu verwenden, starten Sie zunächst Android Studio und wählen Sie Android Studio > Einstellungen… aus der Symbolleiste. Wählen Darstellung & Verhalten> Systemeinstellungen> Updates, und aus dem Dropdown-Menü auswählen Kanarischer Kanal.

Klicken Sie dann auf die beiliegende Jetzt prüfen Schaltfläche, um die neueste Version vom Kanarischen Kanal herunterzuladen.

Starten Sie als nächstes Ihre IDE neu und öffnen Sie den SDK-Manager. Stellen Sie sicher, dass der SDK-Manager SDK-Plattformen Registerkarte ausgewählt ist, wählen Sie die Android O Vorschau Komponente.

Dann wechseln Sie zu SDK-Tools Registerkarte und wählen Sie Folgendes aus: 

  • Android SDK Build-Tools 26.0.0 (rc1 oder höher)
  • Android SDK Platform-Tools 26.0.0 (rc1 oder höher)
  • Android Emulator 26.0.0
  • Unterstützungs-Repository

Drücke den OK Klicken Sie auf diese Schaltfläche, um alle diese Komponenten herunterzuladen.

Erstellen Sie schließlich ein neues Android-Projekt, das auf Android O abzielt. Setzen Sie zur Vereinfachung das minimale SDK des Projekts auf Android 7+ O Vorschau und dann auswählen Leere Aktivität.

Konfigurieren Sie Ihre Gradle-Datei

Sobald Android Studio Ihr Projekt erstellt hat, öffnen Sie die Modulebene build.gradle Datei und ändern Sie die buildToolsVersion Version und die Unterstützungsbibliothek Version zu den neuesten Versionen:

plugin anwenden: 'com.android.application' android compileSdkVersion 'android-O' buildToolsVersion '26 .0.0-rc1 'defaultConfig applicationId "com.jessicathornsby.myapplication" minSdkVersion' O 'targetSdkVersion' O 'versionName "" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"

In dieser Serie werden wir dieser Beispielanwendung eine Reihe von Android O-Funktionen hinzufügen. Wenn Sie diese Funktionen in Aktion erleben möchten, müssen Sie eine AVD erstellen, auf der das Android O-Systemabbild ausgeführt wird. Starten Sie den AVD Manager von Android Studio, und wählen Sie Virtuelles Gerät erstellen… Folgen Sie dann den Anweisungen auf dem Bildschirm, um eine AVD zu erstellen. Sie können die Einstellungen Ihrer Wahl verwenden. Wenn Sie jedoch von Android Studio zur Auswahl Ihres Systemabbilds aufgefordert werden, müssen Sie diese Option auswählen O.

Dynamischeren Text erstellen

Eine der neuen Funktionen der Benutzeroberfläche, auf die wir uns in Android O freuen können, ist die automatische Textgröße. Mit einigen XML-Attributen können Sie TextViews erstellen, die die Größe Ihres Textes automatisch vergrößern oder verkleinern, sodass er immer perfekt in die Grenzen des TextView-Objekts passt. 

Durch diese automatische Skalierung können Sie sicherstellen, dass Ihr Text über die große Auswahl verschiedener Bildschirmgrößen und -dichten von Android hinweg leicht lesbar ist. Mithilfe der automatischen Größenanpassung können Sie außerdem seltsame Leerstellen in Ihrem Layout vermeiden oder Text, der mitten im Satz abgeschnitten wird, weil Sie versucht haben, zu viele Wörter in eine TextView zu stopfen.

Es gibt zwei Möglichkeiten, wie Sie das automatische Skalieren von Text implementieren können:

  • Die Granularität. Mit diesem Ansatz können Sie eine minimale und maximale Textgröße sowie einen Granularitätswert angeben. Dabei wird angegeben, um wie viel Ihr Text mit jedem "Schritt" vergrößert oder verkleinert werden kann Textvorschau skaliert Ihren Text dann horizontal und vertikal um diesen inkrementellen Wert, bis er in das Format passt Textvorschau perfekt.
  • Voreingestellte Größen. Hier definieren Sie ein Array mit allen möglichen Größen Ihres Textes. Android O wählt dann basierend auf dem Array die am besten geeignete Größe aus diesem Array aus TextvorschauDimensionen.

Welche Methode Sie auch wählen, Sie müssen immer die android: autoSizeText = "uniform" XML-Attribut für Ihr Textvorschau, Öffnen Sie also Ihre Layout-Ressourcendatei und fügen Sie dieses Element jetzt hinzu.

Die Granularität

Um die automatische Größenanpassung mit Granularität zu implementieren, müssen Sie die folgenden XML-Attribute hinzufügen Textvorschau:

  • autoSizeMinTextSize: Die minimale Größe der Textvorschau Kann benutzen.
  • autoSizeMaxTextSize: Die maximale Größe der Textvorschau Kann benutzen.
  • autoSizeStepGranularity: Der Inkrementwert. Das ist 1px standardmäßig.

Hier erstelle ich eine Ansicht, in der der Text dazwischen geändert werden kann 10p und 100sp, in Schritten von 2sp:

Preset-Größen

Die andere Option ist das Erstellen eines Arrays mit unterstützten Textgrößen. Android O wählt dann den am besten geeigneten Wert aus dieser Liste aus, basierend auf der Menge des anzuzeigenden Textes TextvorschauDie Abmessungen und die aktuelle Bildschirmkonfiguration.  

Wenn Ihr Projekt noch keine enthält Arrays.xml Datei, dann können Sie eine erstellen, indem Sie mit der rechten Maustaste auf das Projekt klicken res / values Verzeichnis und Auswahl Neu> Ressourcendatei für Werte. Geben Sie dieser Datei im angezeigten Fenster den Namen Arrays, und klicken Sie dann auf OK.

Sie können dann Ihr neues öffnen res / values ​​/ arrays.xml Datei und definieren Sie alle Größen, die Sie möchten Textvorschau benutzen.

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

Verweisen Sie schließlich dieses Array mit der autoSizePresetSizes Attribut, zum Beispiel:

Vergiss nicht zu testen!

Sobald Sie ein Auto-Sizing hinzugefügt haben Textvorschau, Starten Sie Ihr Android O AVD und sehen Sie sich an, wie Ihr Textvorschau rendert auf einem emulierten Android O-Bildschirm. Aktualisieren Sie Ihre, um zu überprüfen, ob die automatische Einstellung korrekt ist Textvorschau Sie können verschiedene Textmengen anzeigen und sehen, welche Auswirkungen dies auf das endgültig gerenderte Bild hat, das Sie auf dem Bildschirm sehen.

Wenn Sie die automatische Größenanpassung implementieren, ist es wichtig, dass Sie Ihre Textansichten in einer Reihe verschiedener Bildschirmkonfigurationen testen, da Sie möglicherweise die minimalen und maximalen Textgrößen anpassen müssen, um sicherzustellen, dass Ihr Text auf verschiedenen Bildschirmen lesbar bleibt.

Fazit

In diesem kurzen Tipp habe ich Ihnen gezeigt, wie Sie Text erstellen, der automatisch skaliert wird. Im nächsten Tipp werden wir sehen, wie Android O es schaffen wird viel einfacher, benutzerdefinierte Schriftarten in Ihren Android-Apps zu verwenden. In der Zwischenzeit finden Sie einige unserer anderen Tutorials: