Faltbare Geräte bieten Möglichkeiten für innovative App-Entwicklung. Große und kleine Bildschirme auf demselben Gerät bieten ergänzende, aber unterschiedliche interaktive Erlebnisse. Faltfunktionen wie die Tisch- und Buchhaltung ermöglichen fantasievolle Layouts und unkonventionelle Benutzeroberflächen.
Responsives/adaptives Design
Die Unterstützung für faltbare Geräte beginnt mit responsivem Design. Mit responsiven Layouts sieht eine App auf einer Reihe von Displaygrößen gut aus und funktioniert auch gut. Implementieren Sie
responsives Design mit der BoxWithConstraints zusammensetzbaren Funktion.
Um die zusammengeklappten und aufgeklappten Bildschirme eines faltbaren Geräts optimal zu unterstützen, muss das Layout jedoch angepasst werden. Die Unterschiede in Bildschirmgröße und Seitenverhältnis zwischen zusammengeklappten und aufgeklappten Bildschirmen können sehr groß sein, sodass selbst ein responsives Layout nicht beide Displays angemessen berücksichtigen kann. Mit adaptivem Design werden alternative Layouts erstellt, die für verschiedene Bildschirmgröß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 der Tisch- oder Buchhaltung befindet.
Ein großes faltbares Gerät mit aufgeklapptem Bildschirm im Querformat ist beispielsweise wie ein Tablet. Ein Layout mit zwei Bereichen und einer Navigationsleiste nutzt den breiten Bildschirm 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.
Faltbare Geräte können auf verschiedene Arten zusammengeklappt werden, z. B. nach innen, wobei das Display in das Innere des Geräts geklappt wird, oder nach außen, wobei das Display um das Gerät gewickelt wird. Mit responsivem/adaptivem Design ist Ihre App für alle Arten von faltbaren Formfaktoren geeignet.
Weitere Informationen zu responsivem/adaptivem Design für faltbare Geräte finden Sie hier:
- Verschiedene Displaygrößen unterstützen
- Material Design: Layout anwenden
Zustände und Positionen faltbarer Geräte
Die Faltstelle eines faltbaren Geräts teilt den Bildschirm in zwei Bereiche auf. Die Faltstelle kann ein flexibler Bereich des Bildschirms oder bei Geräten mit zwei Bildschirmen ein Scharnier sein, das die beiden Displays trennt.
Die Faltstelle hat eine Dimension und eine occlusionType-Eigenschaft, die definiert
, ob die Faltstelle einen Teil des Displays verdeckt. Bei Geräten mit zwei Bildschirmen ist occlusionType auf FULL gesetzt. Im Bereich der Faltstelle (Scharnier) sind keine Inhalte sichtbar, auch wenn sich eine App über beide Bildschirme 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 Positionen möglich: Tischhaltung (horizontale Faltstelle) und Buchhaltung (vertikale Faltstelle).
Die Tisch- und Buchhaltung bieten neue Layoutmöglichkeiten, der Gerätezustand HALF_OPENED bringt aber auch einige Einschränkungen mit sich. Beispielsweise 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.
Weitere Informationen zu Faltstellen und Positionen faltbarer Geräte finden Sie unter App für faltbare Geräte optimieren.
App-Kontinuität
Wenn ein Gerät zusammen- oder aufgeklappt wird, wird eine App beendet und neu gestartet, wenn sie von einem Bildschirm zum anderen wechselt. Damit die Kontinuität für den Nutzer erhalten bleibt, sollte die App ihren Zustand wiederherstellen, wenn das App-Layout auf einem zusammengeklappten oder aufgeklappten Bildschirm neu erstellt wird. Apps sollten beispielsweise Folgendes tun:
- In Eingabefelder eingegebenen Text beibehalten
- Tastaturzustand wiederherstellen
- Scrollposition von scrollbaren Feldern wiederherstellen
- Medienwiedergabe an der Stelle fortsetzen, an der sie beendet wurde, als die App angehalten wurde
Die verschiedenen Bildschirmlayouts eines faltbaren Geräts sollten sich auch ergänzen. Wenn auf dem zusammengeklappten Bildschirm beispielsweise ein Bild und eine Beschreibung für ein Produkt aus einem Onlineshop angezeigt werden, sollte auf dem aufgeklappten Bildschirm 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 Bildschirm haben einen Bildschirm in Tabletgröße, der sich ideal für Multitasking im Mehrfenstermodus eignet. Faltbare Geräte unterstützen den Splitscreen-Modus. Einige unterstützen sogar den Desktop-Freiform-Fenster-Modus, in dem Apps in verschiebbaren, in der Größe veränderbaren Fenstern enthalten sind, ähnlich wie bei einem Desktop-Fenstersystem.
|
|
|
|
|
In Android 12 (API-Level 31) und höher ist standardmäßig der Mehrfenstermodus aktiviert. Auf großen Bildschirmen werden alle Apps im Mehrfenstermodus ausgeführt, unabhängig von der App-Konfiguration. In früheren Versionen bis Android 7.0 (API-Level 24) müssen Sie Ihre App so konfigurieren, dass ihre Größe geändert werden 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 Bildschirm bieten viel Platz für Drag-and-drop-Interaktionen. Im Mehrfenstermodus auf faltbaren Geräten können Sie Inhalte per Drag-and-drop zwischen Apps verschieben.
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.