Weitere Informationen zu faltbaren Smartphones

Faltbare Geräte bieten die Möglichkeit für innovative App-Entwicklung. Große und kleine Bildschirme auf demselben Gerät bieten ergänzende, aber individuelle interaktive Erlebnisse. Faltfunktionen wie „Auf dem Tisch“ und „Buchhaltung“ ermöglichen fantasievolle Layouts und unkonventionelle Benutzeroberflächen.

Abbildung 1. Faltbares Gerät in verschiedenen Haltungen: zusammengeklappt, flach aufgeklappt, flach aufgeklappt, ins Querformat gedreht, zur Hälfte aufgeklappt (Tischplatte).

Responsives/adaptives Design

Die Unterstützung faltbarer Geräte beginnt mit responsivem Design. Responsive Layouts sorgen dafür, dass eine App auf verschiedenen Displaygrößen ansprechend aussieht und funktioniert, einschließlich aufgeklappten und aufgeklappten Displays eines faltbaren Geräts. Bei ansichtsbasierten Layouts implementieren Sie das responsive Webdesign mit ConstraintLayout und für das Schreiben von Texten BoxWithConstraints.

Manchmal muss das Layout jedoch angepasst werden. Die Unterschiede in der Bildschirmgröße und dem Seitenverhältnis von aufgeklappten und aufgeklappten Bildschirmen können sehr groß sein, sodass selbst ein responsives Layout nicht optimal für beide Displays geeignet ist. Durch das adaptive 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 auf- oder zugeklappt wird, im Hoch- oder Querformat, auf dem Tisch oder in einer Buchhaltung.

Ein faltbares Gerät mit großem Bildschirm, das im Querformat aufgeklappt ist, ist wie ein Tablet. Ein Zweifensterlayout mit einer Navigationsleiste macht das Breitbild optimal. Zugeklappt ähnelt das Gerät einem herkömmlichen Telefon. Ein einspaltiges Layout mit einer unteren Navigationsleiste ist einfach, aber effektiv. Da die Layouts separat sind, können Sie jedes für seinen speziellen Anwendungsfall optimieren.

Abbildung 2: Adaptive Layouts, die sowohl für aufgeklappte als auch für aufgeklappte Displays optimiert sind.

Faltbare Geräte können auf verschiedene Arten zusammengeklappt werden, z. B. nach innen, mit dem Display in das Innere des Geräts oder nach außen, wobei das Display um das Gerät gewickelt wird. Dank des responsiven/adaptiven Designs kann deine App alle Arten von faltbaren Formfaktoren unterstützen.

Weitere Informationen zum responsiven/adaptiven Design für faltbare Geräte findest du hier:

Faltbare Kopfhörer und Haltung

Durch das Zuklappen eines faltbaren Geräts wird das Display in zwei Teile unterteilt. Die Faltung kann ein flexibler Bereich des Bildschirms sein oder auf Geräten mit Dual Screen als Scharnier, das die beiden Displays trennt.

Der Fold hat Abmessung und eine occlusionType-Eigenschaft, die definiert, ob der Fold einen Teil des Displays verdeckt. Auf Geräten mit Dual Screen beträgt das occlusionType FULL. Im Falt- bzw. Scharnierbereich sind keine Inhalte sichtbar, obwohl eine App möglicherweise beide Bildschirme umfasst.

Faltbare Geräte können sich in einem zusammengeklappten Zustand befinden, z. B. FLAT (vollständig geöffnet) oder HALF_OPENED (zwischen vollständig aufgeklappt und vollständig geschlossen).

Abbildung 3: Faltbares Gerät im flachen und halb aufgeklappten Zustand

Wenn sich ein Gerät im Status HALF_OPENED befindet, sind je nach Ausrichtung des Geräts zwei verschiedene Positionen möglich: „Auf dem Tisch“ (horizontale Faltung) und „Buchhaltung“ (vertikal zusammenfalten).

Die Tisch- und Buchhaltung bietet neue Layoutmöglichkeiten, aber der HALF_OPENED-Gerätestatus bringt auch einige Einschränkungen mit sich. Beispielsweise kann es für Nutzer schwierig sein, auf UI-Steuerelemente in der Nähe des ohne Scrollen sichtbaren Bereichs zuzugreifen, und Text, der über dem ohne Scrollen sichtbaren Bereich zu erkennen ist, kann schwer zu lesen sein (oder nicht lesbar, wenn occlusionType den Wert FULL hat).

Entwerfen Sie Ihre Layouts so, dass UI-Elemente in allen Gerätezuständen barrierefrei zugänglich sind. Positionieren Sie Dialogfelder und Pop-up-Menüs so, dass sie den Seitenumbruch nicht überlagern. Achten Sie darauf, dass wichtige Inhalte auch dann gut lesbar sind, wenn das Gerät teilweise zugeklappt ist. Teilen Sie Inhalte in zwei Bereiche auf, wenn das Gerät zur Hälfte geöffnet ist: oben und unten in der Tischhaltung, links und rechts in Buchhaltung.

Weitere Informationen zu faltbaren Smartphones und faltbaren Smartphones finden Sie im Hilfeartikel Apps auf faltbare Smartphone-Displays aufklappen.

App-Kontinuität

Eine App wird angehalten und neu gestartet, während sie von einem Bildschirm zum anderen wechselt, wenn ein Gerät auf- oder zugeklappt wird. Um Kontinuität für den Nutzer zu wahren, sollte die App ihren Status wiederherstellen, wenn das App-Layout auf einem zusammengeklappten oder aufgeklappten Bildschirm neu erstellt wird. Apps sollten beispielsweise Folgendes tun:

  • In Eingabefelder eingegebener Text beibehalten
  • Tastaturstatus wiederherstellen
  • Scrollposition von scrollbaren Feldern wiederherstellen
  • Medienwiedergabe an der Stelle fortsetzen, an der sie angehalten wurde, als die App beendet wurde

Die verschiedenen Bildschirmlayouts eines faltbaren Geräts sollten sich auch gegenseitig ergänzen. Wenn auf dem umgeklappten Bildschirm beispielsweise ein Bild und eine Beschreibung für ein Produkt aus einem Onlineshop zu sehen sind, sollte auf dem aufgeklappten Bildschirm dasselbe Bild und dieselbe Beschreibung angezeigt werden, aber zusätzlich ergänzende Inhalte wie Produktbeschreibungen oder Rezensionen.

Weitere Informationen zum Verwalten des App-Status und der App-Kontinuität finden Sie unter UI-Status speichern und Konfigurationsänderungen verarbeiten.

Multitasking

Faltbare Geräte mit großem Display haben ein Tablet-Display, das ideal für Multitasking im Mehrfenstermodus ist. Faltbare Geräte unterstützen den Splitscreen-Modus. Einige unterstützen sogar den Freiformmodus, bei dem Apps in beweglichen Fenstern mit anpassbarer Größe enthalten sind, ähnlich wie bei einem Desktop-Fenstersystem.

Abbildung 4: Faltbares Gerät im Querformat mit drei Apps im Split-Screen-Modus (links) und Freiform-Modus (rechts).

Unter Android 12 (API-Level 31) und höher wird standardmäßig der Mehrfenstermodus verwendet. Auf großen Bildschirmen werden alle Apps unabhängig von der App-Konfiguration im Mehrfenstermodus ausgeführt. Bei früheren Versionen bis Android 7.0 (API-Level 24) musst du die Größe deiner App so konfigurieren, dass sie den Mehrfenstermodus unterstützt.

Informationen zum Multitasking im Mehrfenstermodus finden Sie unter Unterstützung des Mehrfenstermodus.

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 ermöglichen eine produktive und ansprechende Nutzererfahrung. Fügen Sie Ihrer App mithilfe des Drag-and-drop-Frameworks von Android Drag-and-drop-Funktionen hinzu. Weitere Informationen finden Sie unter Drag-and-drop.

Zusätzliche Ressourcen