Faltbare Geräte bieten Möglichkeiten für innovative App-Entwicklung. Große und kleine Displays auf demselben Gerät bieten sich ergänzende, aber unterschiedliche interaktive Erlebnisse. Faltfunktionen wie die Tisch- und Buchhaltung ermöglichen fantasievolle Layouts und unkonventionelle Benutzeroberflächen.
Adaptives Design
Damit die zusammengeklappten und aufgeklappten Displays eines faltbaren Geräts optimal unterstützt werden, muss sich das Layout anpassen. Die Unterschiede in der Displaygröße und im Seitenverhältnis von zusammengeklappten und aufgeklappten Displays können erheblich sein. Daher sind alternative Layouts erforderlich, die für verschiedene Displaygrößen und ‑konfigurationen optimiert sind. Adaptive Layouts bieten eine optimierte Nutzererfahrung, wenn ein faltbares Gerät zusammengeklappt oder aufgeklappt ist, im Hoch- oder Querformat verwendet wird oder sich in Tisch- oder Buchhaltung befindet.
Ein großes faltbares Gerät, das im Querformat aufgeklappt ist, ähnelt beispielsweise einem Tablet. Ein Layout mit zwei Bereichen und einer Navigationsleiste nutzt das breite Display optimal. Zusammengeklappt ähnelt das Gerät einem Standard-Smartphone. Ein Layout mit einer einzelnen Spalte und einer unteren Navigationsleiste ist einfach, aber effektiv. Da die Layouts getrennt sind, können Sie jedes für den jeweiligen Anwendungsfall optimieren.
Weitere Informationen zu adaptivem Design und zur Entwicklung für faltbare Geräte finden Sie hier:
- Design: In der UI-Galerie finden Sie Layout-Inspirationen und ‑Muster für verschiedene Formfaktoren.
- Entwicklung:Folgen Sie der Entwicklerleitfaden unter Verschiedene Displaygrößen unterstützen, um adaptive Layouts zu erstellen.
Zustände und Haltungen faltbarer Geräte
Die Faltstelle eines faltbaren Geräts teilt das Display in zwei Bereiche. Die Faltstelle kann ein flexibler Bereich des Displays oder bei Geräten mit zwei Displays ein Gelenk sein, das die beiden Displays trennt.
Die Faltstelle hat eine Dimension und eine occlusionType-Property, die definiert
, ob die Faltstelle einen Teil des Displays verdeckt. Bei Geräten mit zwei Displays ist occlusionType auf FULL gesetzt. In der Faltstelle (Gelenk) ist kein Inhalt sichtbar, auch wenn sich eine App über beide Displays erstreckt.
Faltbare Geräte können sich in verschiedenen zusammengeklappten Zuständen befinden, z. B. FLAT (vollständig
geöffnet) oder HALF_OPENED (irgendwo zwischen vollständig geöffnet und vollständig geschlossen).
Wenn sich ein Gerät im Zustand HALF_OPENED befindet, sind je nach Ausrichtung der Faltstelle zwei Haltungen möglich: Tischhaltung (horizontale Faltstelle) und Buchhaltung (vertikale Faltstelle).
Die Tisch- und Buchhaltung bieten neue Layoutmöglichkeiten, aber der Gerätezustand HALF_OPENED bringt auch einige Einschränkungen mit sich. So können UI-Steuerelemente in der Nähe der Faltstelle für Nutzer schwer zugänglich sein und Text, der die Faltstelle überlagert, kann schwer zu lesen sein (oder gar nicht lesbar, wenn occlusionType auf FULL gesetzt ist).
Gestalten Sie Ihre Layouts so, dass UI-Elemente in allen Gerätezuständen zugänglich sind. Positionieren Sie Dialogfelder und Pop‑up-Menüs so, dass sie die Faltstelle nicht überlagern. Achten Sie darauf, dass wichtige Inhalte sichtbar sind, wenn das Gerät teilweise zusammengeklappt ist. Teilen Sie Inhalte in zwei Bereiche auf, wenn das Gerät halb geöffnet ist: oben und unten in der Tischhaltung, links und rechts in der Buchhaltung.
Neben den Haltungen unterstützen faltbare Geräte auch spezielle Anzeigemodi:
- Modus für das hintere Display:Ermöglicht Ihrer App, das äußere Display zu verwenden, während das Gerät aufgeklappt ist. So können Funktionen wie die Selfie-Vorschau der Rückkamera genutzt werden.
- Dual-Screen-Modus:Zeigt Inhalte gleichzeitig auf dem inneren und äußeren Display an und ermöglicht so Funktionen wie die bidirektionale Übersetzung.
Weitere Informationen zu Faltstellen und Haltungen faltbarer Geräte finden Sie unter App für faltbare Geräte optimieren. Informationen zur Unterstützung spezieller Anzeigemodi finden Sie unter Anzeigemodi für faltbare Geräte unterstützen.
App-Kontinuität
Wenn ein Gerät zusammen- oder aufgeklappt wird, wird eine App beendet und neu gestartet, wenn sie von einem Display zum anderen wechselt. Damit die Kontinuität für den Nutzer erhalten bleibt, muss die App ihren Zustand nahtlos beibehalten und wiederherstellen, wie in den Richtlinien zur adaptiven App-Qualität beschrieben.
Die verschiedenen Displaylayouts eines faltbaren Geräts sollten sich auch ergänzen. Wenn auf dem zusammengeklappten Display beispielsweise ein Bild und eine Beschreibung eines Produkts aus einem Onlineshop angezeigt werden, sollte auf dem aufgeklappten Display dasselbe Bild und dieselbe Beschreibung angezeigt werden, aber auch ergänzende Inhalte wie Produktspezifikationen oder Rezensionen.
Weitere Informationen zum Verwalten des App-Zustands und der Kontinuität finden Sie unter UI-Zustände speichern und Konfigurationsänderungen verarbeiten.
Multitasking
Faltbare Geräte mit großem Display haben ein Display in Tabletgröße, das sich ideal für Multitasking im Mehrfenstermodus eignet. Faltbare Geräte unterstützen den Splitscreen-Modus. Einige unterstützen sogar Desktop-Freiform-Fenster, bei denen Apps in verschiebbaren, skalierbaren Fenstern enthalten sind, ähnlich wie bei einem Desktop-Fenstersystem.
|
|
|
|
|
Unter Android 12 (API-Level 31) und höher ist standardmäßig der Mehrfenstermodus aktiviert. Auf großen Displays werden alle Apps im Mehrfenstermodus ausgeführt, unabhängig von der App-Konfiguration. Bei früheren Versionen bis Android 7.0 (API-Level 24) müssen Sie Ihre App so konfigurieren, dass sie die Größe ändern kann, um den Mehrfenstermodus zu unterstützen.
Informationen zum Multitasking im Mehrfenstermodus finden Sie unter Mehrfenstermodus unterstützen.
Drag-and-Drop
Faltbare Geräte mit großem Display bieten viel Platz für Drag-and-Drop-Interaktionen. Der Mehrfenstermodus auf faltbaren Geräten ermöglicht Drag-and-Drop zwischen Apps.
Drag-and-Drop-Interaktionen sorgen für eine produktive und ansprechende Nutzererfahrung. Fügen Sie Ihrer App Drag-and-Drop-Funktionen mit dem Android-Drag-and-Drop-Framework hinzu. Weitere Informationen finden Sie unter Drag-and-Drop aktivieren.