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

Da neue Formfaktoren wie das Pixel 10 Pro Fold in das Android-Ökosystem aufgenommen werden, ist die adaptive App-Entwicklung unerlässlich, um eine hochwertige Nutzererfahrung auf Smartphones, Tablets und Faltgeräten zu schaffen. Nutzer erwarten, dass sich die Benutzeroberfläche Ihrer App nahtlos an diese verschiedenen Größen und Positionen anpasst.

Damit Sie diese dynamischen Benutzeroberflächen effizienter erstellen können, geben wir bekannt, dass die Compose Adaptive Layouts Library 1.2 offiziell in die Betaphase eintritt. Dieser Release bietet leistungsstarke neue Tools zum Erstellen ansprechender, reaktionsfähiger Benutzeroberflächen für dieses wachsende Geräte-Ökosystem.

Leistungsstarke neue Tools für eine größere Leinwand

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

• Leistungsstarke neue Layoutstrategien:In der Betaversion werden neue Layoutstrategien wie reflow und levitate eingeführt, 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 oder dem Galaxy Z Fold7 und Z Flip7 gut aussehen.
• Neue Fenstergrößenklassen:Mit dieser Version wird die integrierte Unterstützung für die neuen Fenstergrößenklassen „Large“ und „Extra-Large“ eingeführt. 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 Smartphones zu gestalten und auszulösen.

Zwei neue Strategien zur Anpassung von Bereichen: Umfließen (links) und Schweben (rechts)

Eine vollständige Liste der Änderungen finden Sie in der offiziellen Release-Dokumentation. Leitfäden zu kanonischen Layouts und Erstellen eines Layouts für den unterstützenden Bereich

Mehr Nutzer auf allen Bildschirmen erreichen

Eine adaptive Denkweise ist mehr als eine Best Practice – sie ist eine Strategie für Wachstum. Es geht nicht nur darum, dass Ihre App auf einem größeren Display funktioniert, sondern auch darum, dass sie durch eine intuitive Bedienung überzeugt. Anstatt ein einspaltiges Layout einfach zu dehnen, sollten Sie überlegen, wie Sie den zusätzlichen Platz nutzen können, um effizientere und ansprechendere Inhalte zu erstellen.

Das ist das Kernprinzip hinter dynamischen Layoutstrategien wie reflow, einer leistungsstarken neuen Funktion in der Betaversion von Compose Adaptive Layouts 1.2, die Ihnen beim Erstellen dieser UIs helfen soll. Ein guter Ausgangspunkt ist beispielsweise die Verwendung eines Layouts mit mehreren Bereichen. Wenn Sie eine Liste und die zugehörige 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. Wenn Sie Ihre App adaptiv gestalten, sind nicht nur Ihre aktuellen Nutzer zufriedener. Sie schaffen auch eine wertvollere und überzeugendere Nutzererfahrung, die zu langfristiger Treue führt und Ihnen hilft, neue Nutzer zu erreichen.

Das wachsende Android-Ökosystem – von faltbaren Smartphones bis hin zu Computern

Diese Umstellung auf responsives 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ßem Display zu erreichen.

Deshalb investieren wir auch weiterhin in zukunftsweisende Funktionen wie Connected Displays, die derzeit in der Entwicklervorschau verfügbar sind. Diese Funktion eröffnet neue Oberflächen und Interaktionsmodelle für Apps, die echte Desktopfunktionen und Multi-Instance-Workflows ermöglichen. Wir haben bereits Details dazu veröffentlicht, wie Sie mit der Entwicklervorschau für verbundene Displays beginnen und sehen können, wie sie die Zukunft von Erlebnissen für verschiedene Geräte prägt.

Adaptive Prinzipien in der Praxis

Entwickler, die ihre Apps für diese adaptive Zukunft vorbereiten möchten, sollten die folgenden Best Practices beachten:

• Bestandsaufnahme:Der erste Schritt besteht darin, sich einen Überblick über den aktuellen Stand zu verschaffen. Testen Sie Ihre App auf einem Gerät mit großem Display oder mit dem anpassbaren Emulator in Android Studio, um Bereiche zu identifizieren, die verbessert werden können, 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.
• Nicht nur an Touch denken:Eine gute adaptive Benutzeroberfläche unterstützt alle Eingabemethoden. Das geht über die grundlegenden Funktionen hinaus und umfasst durchdachte Details, die Nutzer erwarten, z. B. Mouseover-Effekte 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 den Qualitätsrichtlinien für Apps finden Sie Inspirationen für Ihre App. Auf developer.android.com/adaptive-apps finden Sie Designmuster, offizielle Anleitungen und Beispiel-Apps, die Sie für jedes Foldable, Flip-Smartphone und jeden Bildschirm benötigen.