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.
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:
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.
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.
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:
Textvorschau
skaliert Ihren Text dann horizontal und vertikal um diesen inkrementellen Wert, bis er in das Format passt Textvorschau
perfekt.Textvorschau
Dimensionen.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.
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
:
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 Textvorschau
Die 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:
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.
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: