Mit neuen Formfaktoren wie dem Pixel 10 Pro Fold, das dem Android-Ökosystem hinzugefügt wird, ist die adaptive App-Entwicklung unerlässlich, um eine hochwertige Nutzererfahrung auf Smartphones, Tablets und faltbaren Geräten 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 Neuerungen 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 faltbaren Geräten zu gestalten 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 jedem Bildschirm erreichen

Ein adaptiver Ansatz ist mehr als nur 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 attraktiver wird. Anstatt einfach ein einspaltiges Layout zu strecken, 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 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 Treue führt und Ihnen hilft, neue Nutzer zu erreichen.

Das wachsende Android-Ökosystem – von faltbaren Geräten 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 faltbaren Samsung Galaxy-Geräten haben Entwickler die Möglichkeit, eine große und wachsende Nutzerbasis auf über 500 Millionen Geräten mit großen Bildschirmen zu erreichen.

Aus diesem Grund investieren wir weiter in zukunftsorientierte Erlebnisse wie Connected Displays, die derzeit in der Developer Preview 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 Connected Displays Entwicklervorschau beginnen können und wie sie die Zukunft von Erlebnissen für verschiedene Geräte prägt.

Adaptive Prinzipien in die Praxis umsetzen

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

• 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 Bereiche zu identifizieren, in denen Verbesserungen möglich sind, 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.
• Über die Touch-Bedienung hinausdenken: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. Entdecken Sie noch heute die Designgalerie für große Bildschirme und die Qualitätsrichtlinien für Apps, um sich anzusehen, 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 faltbare Gerät, jedes Flip-Gerät und jeden Bildschirm benötigen, unter developer.android.com/adaptive-apps.