Was ist neu in Android Studio 2.2?

Die letzten Monate waren eine aufregende Zeit für Android Studio. Zuerst kam Version 2.1 mit Unterstützung für Android N. Dann brachte uns Google I / O eine Vorschau auf die nächste Hauptversion in Form von Android Studio 2.2 Preview 1, nur um diese schnell durch Preview 2 zu ersetzen, das einige wichtige Fehler enthielt Korrekturen und andere Verbesserungen.

In diesem Artikel werden wir uns die Neuerungen in Android Studio 2.2 genauer ansehen. Und wenn Sie noch nicht über die neueste Android Studio 2.2-Vorschau verfügen, ist jetzt die perfekte Zeit, um sie von der Kanarischen Seite zu holen.

1. Neuer Layout-Editor

Eine der offensichtlichsten Funktionen in Android Studio 2.2 ist der neue Layout-Editor. Wenn Sie die Android Studio 2.2 Preview zum ersten Mal starten, werden Sie vielleicht überrascht sein, wie anders der Editor aussieht.

Der erste ordentliche Zusatz zum Layout-Editor von Android Studio ist ein Blueprint-Modus, der die feineren Details Ihres Layouts vorübergehend verbirgt. So können Sie den Abstand und die Anordnung Ihrer Benutzeroberfläche ohne Ablenkungen überprüfen. Um den Blueprint-Modus in Aktion zu sehen, vergewissern Sie sich, dass Sie über Android Studio verfügen Design Registerkarte ausgewählt und klicken Sie dann auf Blueprint anzeigen Symbol (Position des Cursors im Screenshot unten).

Da hast du die Design Wenn Sie die Registerkarte auswählen, sollten Sie auch einen weiteren neuen Zusatz im Layout-Editor sehen, der Eigenschaften Panel auf der rechten Seite.

Wählen Sie eine beliebige Ansicht in Ihrem Layout und die Eigenschaften In diesem Bereich werden die wichtigsten Eigenschaften für diese bestimmte Ansicht angezeigt, z. B. die Breite, Inhaltsbeschreibung, und sogar den Inhalt der Ansicht, wenn Sie so etwas wie a auswählen Textvorschau oder Bildansicht. Sie können alle diese Eigenschaften direkt in bearbeiten Eigenschaften Panel.

Das letzte neue Feature, das im überarbeiteten Layout-Editor von Android Studio eine wichtige Rolle spielt, ist etwas Besonderes. In der Tat ist es so besonders, dass es eine eigene Abteilung verdient. Ich rede von ConstraintLayout.

2. ConstraintLayout

ConstraintLayout ist ein flexibler Layout-Manager, der speziell für den brandneuen Layout-Editor von Android Studio entwickelt wurde.

Mit diesem neuen Layout können Sie das Layout jeder Ansicht basierend auf ihrer Beziehung zu anderen Elementen in Ihrem Layout definieren. Dies bedeutet, dass Sie komplexe Benutzeroberflächen erstellen können, ohne mehrere Layouts verschachteln zu müssen immer schlechte Nachrichten für die Leistung Ihrer App.

Wenn das alles etwas bekannt klingt, dann ist das so ConstraintLayout ist grundsätzlich ähnlich RelativesLayout. jedoch, ConstraintLayout ist flexibler als RelativesLayout, Darüber hinaus bietet es den zusätzlichen Vorteil, dass es perfekt auf den glänzenden neuen Layout-Editor von Android Studio abgestimmt ist.

Die geheime Sauce, die man machen könnte ConstraintLayout Ihr neues Lieblingslayout ist Einschränkungen. Mithilfe von Einschränkungen können Sie bestimmen, wie eine Ansicht auf dem Bildschirm relativ zu anderen Elementen der Benutzeroberfläche positioniert wird. Zum Beispiel das Verbinden der Oberseite von ImageView1 zum Boden von ImageView2 bedeutet, dass ImageView1 erscheint immer unten ImageView2. Sie können auch Einschränkungen zwischen einer Ansicht und ihrem übergeordneten Container erstellen. Sie können beispielsweise die rechte Seite von a verbinden Textvorschau am rechten Rand des übergeordneten Elements ConstraintLayout.

Um Ihnen den Einstieg zu erleichtern, ist Android Studio 2.2 Neues Projekt Assistent verwendet ConstraintLayout als Standardlayout für viele Projektvorlagen.

So erstellen Sie eine neue Layoutressourcendatei, die unterstützt ConstraintLayout, Erstellen Sie die Datei wie gewohnt, indem Sie mit der rechten Maustaste auf das Symbol klicken Layout Verzeichnis und Auswahl Neu> Layout-Ressourcendatei. Öffnen Sie dann diese Layoutdatei und legen Sie ihr Stammverzeichnis fest auf:

 

Alternativ können Sie jedes Layout in ein konvertieren ConstraintLayout indem Sie dieses Layout öffnen, stellen Sie sicher, dass Android Studio Design Registerkarte ausgewählt ist, klicken Sie mit der rechten Maustaste auf das Layout und wählen Sie aus Konvertieren Sie in ConstraintLayout aus dem Kontextmenü, das angezeigt wird.

Wenn Sie über ein Projekt verfügen, das mit einer älteren Version von Android Studio erstellt wurde, deren Unterstützung Sie aktualisieren möchten ConstraintLayout, dann müssen Sie nur noch das hinzufügen ConstraintLayout build.gradle -Datei Ihres Projekts auf Modulebene:

Abhängigkeiten … compile 'com.android.support.constraint: constraint-layout: 1.0.0-alpha2'

Sobald Sie ein Projekt und eine Layout-Ressourcendatei haben, die unterstützt ConstraintLayout, Sie können jetzt mit Einschränkungen arbeiten.

Einschränkungen erstellen

Der neue Layout-Editor wird mit gestartet Autoconnect Standardmäßig aktiviert, dh, dass Android Studio automatisch eine oder mehrere Einschränkungen für jede Ansicht erstellt, die Sie Ihrem Layout hinzufügen.

Um Autoconnect auszulösen, legen Sie einfach eine Ansicht in ein ConstraintLayout und ziehen Sie diese Ansicht herum. Sobald Sie diese Ansicht freigeben, setzt sich Autoconnect ein und erzeugt einige Einschränkungen mit einem kleinen animierten Schwung.

Autoconnect ist praktisch, um einige schnelle Einschränkungen zu erstellen, hat aber seine Einschränkungen. Zum Beispiel kann Autoconnect nur Einschränkungen für benachbarte Ansichten erstellen.

Wenn Autoconnect nicht die Art von Einschränkung (en) erstellt, die Sie sich vorgenommen haben, können Sie Einschränkungen jederzeit manuell hinzufügen, entfernen oder bearbeiten. Wenn Sie sich für die manuelle Route entscheiden, ist es im Allgemeinen einfacher, Autoconnect im Voraus zu deaktivieren, indem Sie die Option auswählen Deaktivieren Sie Autoconnect Symbol (Position des Cursors im Screenshot unten).

Um eine Einschränkung manuell zu erstellen, wählen Sie die Ansicht aus, der Sie die Einschränkung hinzufügen möchten. Sie werden bemerken, dass kleine Kreise am Rand der Ansicht erscheinen. Dies sind die Constraint-Handles der Ansicht.


Bewegen Sie den Mauszeiger über den Ziehpunkt, an dem Sie die Einschränkung erstellen möchten, klicken Sie dann auf und ziehen Sie. Am Griff wird ein Pfeil angezeigt, den Sie dann ziehen können:

  • Eine andere Sicht: Ziehen Sie den Griff in die zweite Ansicht. Wenn Sie richtig positioniert sind, a Zur Erstellung freigeben… Tooltip wird angezeigt. Um Ihre Einschränkung zu erstellen, geben Sie einfach den Griff frei.


  • Rand des übergeordneten ConstraintLayout: Ziehen Sie den Griff zum Rand der ConstraintLayout. Wenn Sie das sehen Zur Erstellung freigeben… . geben Sie den Griff frei, um die Einschränkung abzuschließen.

Wenn Sie einer Ansicht entgegengesetzte Beschränkungen hinzufügen, wird die Ansicht normalerweise zwischen diesen beiden Punkten zentriert. Der Layout-Editor zeigt diese gegensätzlichen Kräfte mit gezackten Linien an.


Einschränkung löschen

Beim Löschen von Einschränkungen stehen Ihnen einige Optionen zur Verfügung:

  • Alle Einschränkungen aus einer bestimmten Ansicht entfernen: Wählen Sie die Ansicht aus und klicken Sie auf Einschränkungen löschen Symbol, das direkt unter dieser Ansicht angezeigt wird.

  • Entfernen Sie alle Einschränkungen aus Ihrem Layout: Drücke den Löschen Sie alle Einschränkungen Symbol in der kleinen Symbolleiste direkt über dem Symbol Design Fenster.

  • Einzelne Einschränkung löschen: Wählen Sie die Ansicht aus und bewegen Sie den Mauszeiger über den Ziehpunkt der Einschränkung, die Sie löschen möchten. Wenn Sie das sehen Klicken Sie zum Löschen… Tooltip, klicken Sie einfach mit der Maus und die Beschränkung wird in Luft aufgelöst.

Sobald Sie mit Einschränkungen arbeiten, können Sie die Eigenschaften Panel kommt ziemlich nützlich. Hier können Sie die genaue Größe Ihrer Abhängigkeiten angeben.

Wenn Sie eine Ansicht auswählen, erscheint sie als Quadrat in der Eigenschaften Panel mit den Einschränkungen der Ansicht als Linien dargestellt. Jede Einschränkung wird von einer Zahl begleitet, die die Länge dieser Einschränkung darstellt.


Sie können die Länge jeder Einschränkung anpassen, indem Sie über die Nummer dieser Einschränkung fahren, bis sie in ein Dropdown-Menü umgewandelt wird. Sie können dann einen neuen Wert aus dem Dropdown-Menü auswählen.

Wenn Sie eine Ansicht auswählen, die entgegengesetzte Einschränkungen hat, können Sie die Eigenschaften Das Bedienfeld enthält auch einen Schieberegler, mit dem Sie die Ansicht entlang der Achse der entgegengesetzten Abhängigkeiten positionieren können.

3. Firebase-Integration

Firebase ist eine neue Suite von Diensten, mit deren Hilfe Sie hochwertige Apps entwickeln können, mit denen Sie ein breites und begehrtes Publikum gewinnen können. In den Android Studio-Vorschauen wird die Firebase-Integration eingeführt, sodass Sie Ihrem Projekt Firebase-Services hinzufügen können, ohne die IDE verlassen zu müssen.

Klicken Sie auf, um Firebase zu Ihrem Projekt hinzuzufügen Extras> Firebase in der Android Studio-Symbolleiste. Dies öffnet das Neue Assistent Fenster. In diesem Fenster können Sie auf eine beliebige Funktion klicken, um weitere Informationen zu dieser bestimmten Funktion anzuzeigen, obwohl der erste Schritt in der Regel die Einrichtung ist Firebase Analytics, Dies bietet eine gute Grundlage für die Erkundung zusätzlicher Firebase-Dienste.

Um Firebase Analytics zu starten und zu starten, klicken Sie auf die Schaltfläche Erste Schritte mit Firebase Analytics Link in der Assistent Fenster. Dies führt Sie durch den Prozess der Verbindung Ihrer App mit Firebase.

4. APK Analyzer

Mit diesem Tool können Sie die Größe Ihres APK reduzieren, indem Sie die Rohdateigröße und die geschätzte Downloadgröße jeder Komponente überprüfen, aus der sich Ihr APK zusammensetzt. Mit diesen Informationen können Sie sich auf Bereiche konzentrieren, in denen Sie überschüssige Bytes verlieren könnten. Der APK Analyzer ist auch nützlich, um zu überprüfen, ob in Ihrem APK alles enthalten ist, was Sie erwarten.

Um APK Analyzer zu verwenden, wählen Sie Erstellen> APK analysieren… gefolgt von der APK, die Sie näher betrachten möchten. Die APK Analyzer-Ausgabe wird dann im Hauptfenster von Android Studio angezeigt und kann die verschiedenen Komponenten des APK erkunden.


5. Beispielbrowser

Wenn Sie in Ihrem Projekt eine Ziegelmauer getroffen haben, können Sie sich jetzt an den Beispielbrowser von Android Studio wenden, um Inspiration zu erhalten. Um auf diese Funktion zuzugreifen, markieren Sie eine Variable, einen Typ oder eine Methode in Ihrem Projekt, klicken Sie mit der rechten Maustaste und wählen Sie Beispielcode suchen aus dem Kontextmenü. Android Studio sucht dann nach allen Zeiten, zu denen der hervorgehobene Code in den Android-Codebeispielen von Google auftaucht, und zeigt alle diese Übereinstimmungen in einem Postausgang unter dem Hauptbearbeitungsfenster an.

6. Weitere Java 8-Sprachfunktionen

Mit der Einführung der Jack-Toolchain können Sie Java 8-Funktionen in Ihren Android-Projekten einsetzen. Öffnen Sie die Build.gradle-Datei auf Modulebene Ihres Projekts, und fügen Sie Folgendes hinzu:

android … defaultConfig … jackOptions aktiviert true compileOptions sourceCompatibility JavaVersion.VERSION_1_8 targetCompatibility JavaVersion.VERSION_1_8

Ausführliche Informationen zu den in Android Studio unterstützten Java 8-Funktionen finden Sie in der offiziellen Android-Dokumentation.

7. Layout-Inspektor

Mit dem Layout-Inspektor können Sie eine Momentaufnahme Ihres Layouts untersuchen und debuggen, während es auf einem virtuellen Android-Gerät (AVD) oder einem physischen Android-Gerät ausgeführt wird. Stellen Sie zum Erfassen eines Schnappschusses sicher, dass das zu analysierende Layout auf Ihrem Emulator oder dem angeschlossenen Android-Gerät sichtbar ist. Öffnen Sie als nächstes Android Studio Android-Monitor am unteren Rand des Bildschirms und wählen Sie die Layout-Inspektor Symbol.

8. Zusammengefasster Manifest-Viewer

Herauszufinden, wie Ihr Manifest mit Ihren App-Abhängigkeiten zwischen Ihren Projekterstellungsvarianten zusammengeführt wird, ist dank des jetzt wesentlich einfacher Zusammengefasster Manifest-Viewer in Android Studio 2.2. Um auf den Merged Manifest Viewer zuzugreifen, öffnen Sie Ihr Projekt AndroidManifest.xml und wählen Sie das Neue aus Zusammengeführtes Manifest Tab.


Fazit

Wenn sich die Vorschaubilder als Vorreiter erweisen, ist Android Studio 2.2 für die Android IDE ein großer Schritt nach vorne. Auch wenn sich die neuen Funktionen zwischen jetzt und der endgültigen Version ändern werden, sind sie für Android Studio eine so große Verbesserung, dass es sich lohnt, einige Zeit in diese neuen Funktionen zu investieren.

Wenn Sie einige Zeit damit verbringen, diese Vorschau zu erkunden, müssen Sie dem Android Studio-Team helfen, Probleme zu melden.