Neue Möglichkeiten mit der Compose Adaptive Layouts Library 1.2 (Beta)

Mit neuen Formfaktoren wie dem Pixel 10 Pro Fold, das dem Android-Ökosystem hinzugefügt wird, ist die adaptive App-Entwicklung unerlässlich, um auf Smartphones, Tablets und Foldables eine hochwertige Nutzererfahrung zu bieten. Nutzer erwarten, dass sich die Benutzeroberfläche Ihrer App nahtlos an diese verschiedenen Größen und Ausrichtungen anpasst.

Damit Sie diese dynamischen Erlebnisse effizienter entwickeln können, geben wir bekannt, dass die Compose Adaptive Layouts Library 1.2 offiziell in die Beta-Phase eintritt. Diese Version bietet leistungsstarke neue Tools zum Erstellen ansprechender, responsiver Benutzeroberflächen für dieses wachsende Geräte-Ökosystem.

Leistungsstarke neue Tools für eine größere Arbeitsfläche

Die Compose Adaptive Layouts Library ist unser grundlegendes Toolkit zum Erstellen von Benutzeroberflächen, die sich an verschiedene Fenstergrößen anpassen. Diese neue Beta-Version bietet leistungsstarke Funktionen, mit denen Sie anspruchsvolle Layouts mit weniger Code erstellen können. Zu den wichtigsten Ergänzungen gehören:

• Leistungsstarke neue Layoutstrategien: Die Beta-Version enthält neue Layoutstrategien wie Reflow und Levitate, mit denen Sie dynamische Layouts erstellen können, die sowohl auf dem äußeren als auch auf dem inneren Display eines Geräts wie dem Pixel 10 Pro Fold, Galaxy Z Fold7 und Z Flip7 gut aussehen.
• Neue Fenstergrößenklassen: Die Version bietet integrierte Unterstützung für die neuen Fenstergrößenklassen „Large“ und „Extra-Large“ Fenstergrößenklassen. Diese neuen Breakpoints sind unerlässlich, um umfangreiche Änderungen der Benutzeroberfläche mit mehreren Bereichen auf großen Bildschirmen wie Tablets und großen Foldables zu entwerfen und auszulösen.

Zwei neue Strategien zur Anpassung von Bereichen: „Reflow“ (links) und „Levitate“ (rechts)

Eine vollständige Liste der Änderungen finden Sie in der offiziellen Release-Dokumentation. Weitere Informationen finden Sie in unseren Leitfäden zu kanonischen Layouts und zum Erstellen eines unterstützenden Bereichslayouts.

Mehr Nutzer auf allen Bildschirmen ansprechen

Ein adaptiver Ansatz ist mehr als eine Best Practice – er ist eine Strategie für Wachstum. Ziel ist es nicht nur, dass Ihre App auf einem größeren Bildschirm funktioniert, sondern dass sie durch eine intuitivere Bedienung für Nutzer noch attraktiver wird. Anstatt ein einspaltiges Layout einfach zu vergrößern, sollten Sie überlegen, wie Sie den zusätzlichen Platz nutzen können, um effizientere und ansprechendere Erlebnisse zu schaffen.

Das ist das Grundprinzip hinter dynamischen Layoutstrategien wie reflow, einer leistungsstarken neuen Funktion in der Compose Adaptive Layouts Library 1.2 (Beta), mit der Sie diese Benutzeroberflächen erstellen können. Ein guter Ausgangspunkt ist beispielsweise die Einführung eines Layouts mit mehreren Bereichen. Wenn Sie eine Liste und die entsprechende Detailansicht nebeneinander anzeigen, müssen Nutzer weniger tippen und können Aufgaben schneller erledigen.

Diese Art der durchdachten adaptiven Entwicklung steigert das Engagement wirklich. Wie wir in der letzten Folge von #TheAndroidShow hervorgehoben haben, sind Nutzer, die eine App sowohl auf ihrem Smartphone als auch auf einem größeren Bildschirm verwenden, fast dreimal so aktiv. Durch die adaptive Entwicklung werden nicht nur Ihre aktuellen Nutzer zufriedener, sondern es wird auch eine wertvollere und ansprechendere Erfahrung geschaffen, die zu einer dauerhaften Loyalität führt und Ihnen hilft, neue Nutzer zu erreichen.

Das wachsende Android-Ökosystem – von Foldables bis hin zu Desktops

Diese Verlagerung hin zu adaptivem Design erstreckt sich auf das gesamte Android-Ökosystem. Vom neuen Pixel 10 Pro Fold bis hin zu den neuesten Samsung Galaxy-Foldables haben Entwickler die Möglichkeit, eine große und wachsende Nutzerbasis auf über 500 Millionen Geräten mit großen Bildschirmen anzusprechen.

Aus diesem Grund investieren wir auch weiterhin in zukunftsorientierte Erlebnisse wie Connected Displays, die derzeit in der Entwicklervorschau verfügbar sind. Diese Funktion eröffnet neue Oberflächen und Interaktionsmodelle für Apps, die auf echten Desktop-Funktionen und Multi-Instanz-Workflows basieren. Wir haben bereits Details dazu veröffentlicht, wie Sie mit der Entwicklervorschau von Connected Displays beginnen und sehen können, wie sie die Zukunft von Erlebnissen für verschiedene Geräte prägt.

Adaptive Prinzipien in der Praxis

Für Entwickler, die ihre Apps für diese adaptive Zukunft vorbereiten möchten, haben wir einige wichtige Best Practices zusammengestellt:

• Bestandsaufnahme:Der erste Schritt besteht darin, den aktuellen Stand zu ermitteln. Testen Sie Ihre App auf einem Gerät mit großem Bildschirm oder mit dem in der Größe anpassbaren Emulator in Android Studio, um Verbesserungsmöglichkeiten zu identifizieren, z. B. gestreckte Benutzeroberflächen oder Probleme mit der Nutzerfreundlichkeit.
• Optimierte Layouts unterstützen:Verwenden Sie Bibliotheken wie Compose Adaptive Layouts, um Benutzeroberflächen zu erstellen, die sich an verschiedene Fenstergrößen und Geräteausrichtungen anpassen. Ihre App sollte sowohl im Hoch- als auch im Querformat gut funktionieren, ohne die Ausrichtung einzuschränken.
• Mehr als nur Touch:Eine gute adaptive Erfahrung bedeutet, dass alle Eingabemethoden unterstützt werden. Dazu gehören nicht nur grundlegende Funktionen, sondern auch durchdachte Details, die Nutzer erwarten, z. B. Hover-Zustände für Mauszeiger, Kontextmenüs bei Rechtsklick und Unterstützung für Tastenkombinationen.

Das Potenzial Ihrer App ist nicht mehr auf einen einzelnen Bildschirm beschränkt. In der Designgalerie für große Bildschirme und in den Qualitätsrichtlinien für Apps können Sie sich heute schon ein Bild davon machen, was mit Ihrer App möglich ist. Lassen Sie sich inspirieren und finden Sie Designmuster, offizielle Anleitungen und Beispiel-Apps, die Sie für jedes Foldable, Flip-Smartphone und jeden Bildschirm benötigen: developer.android.com/adaptive-apps.