App-Layouts

Nachdem du dich mit den verschiedenen Smartwatch-Formen vertraut gemacht hast, kannst du entscheiden, welche Oberfläche du verwenden möchtest.

Zu den gängigen App-Layouts gehören:

• Einzelner Bildschirm (am einfachsten): UI-Elemente sind auf das beschränkt, was ohne Scrollen gleichzeitig sichtbar ist.
• Vertikaler Container (am häufigsten): Inhalte befinden sich außerhalb des sichtbaren Teils des Bildschirms und sind durch Scrollen zugänglich.
• Weitere Optionen: Listen, Paging oder 2D-Schwenken.

Diese Layouttypen werden in den folgenden Abschnitten beschrieben. Wenn Sie mehrere Bildschirme benötigen, können Sie eine Kombination aus Layouttypen verwenden.

Hinweis: Für Ihre Aktivität übernehmen Sie entweder ComponentActivity oder, wenn Sie Fragmente verwenden, von einem FragmentActivity. Bei den anderen Aktivitätstypen werden für Mobilgeräte spezifische UI-Elemente verwendet, die für Wear OS nicht benötigt werden.

Einzelner Bildschirm

Die Nutzenden sehen alle Elemente auf einem einzigen Bildschirm ohne Scrollen. Das bedeutet, dass Sie nur eine kleine Anzahl von Elementen hinzufügen können.

Abbildung 1: Ein Beispiel für ein Layout mit einem Bildschirm.

Einzelne Bildschirme eignen sich gut mit einem BoxInsetLayout in Kombination mit einem ConstraintLayout, um die Elemente anzuordnen.

Vertikaler Container

Ein vertikaler Container ist die gängigste Art von App-Layout. Einige Inhalte sind auf dem Bildschirm nicht sichtbar, können aber durch Scrollen aufgerufen werden.

Abbildung 2 zeigt mehrere vollständige App-Layouts, bei denen nur ein Teil des Inhalts auf dem runden Display einer Uhr zu sehen ist. In diesen Beispielen befindet sich der Hauptinhalt im oberen Teil des Containers und andere kritische User Journeys (CUJs) und Einstellungen unten. Dies ist eine Best Practice für das Layout von Inhalten.

Abbildung 2: Beispiele für vertikale Containerlayouts.

Verwende BoxInsetLayout nicht im Gegensatz zu einem Layout mit einem Bildschirm. Verwende stattdessen ConstraintLayout innerhalb von NestedScrollView. Platziere im ConstraintLayout alle Widgets, die für deine App am besten geeignet sind. So kannst du den zusätzlichen Platz auf den Seiten eines runden Displays nutzen.

Abbildung 3: Inhalt in einem ConstraintLayout innerhalb eines NestedScrollView.

Achte darauf, dass der Inhalt oben und unten im vertikalen Container so klein ist, dass er auf einem runden Display oben und unten passt (siehe Beispiel in Abbildung 3).

Hinweis:Wenn möglich, fügst du NestedScrollView einen Scrollindikator hinzu, indem du android:scrollbars="vertical" in der XML-Datei festlegst. Auf diese Weise können Nutzer erkennen, dass mehr Inhalte verfügbar sind, und sie sehen, wo sie sich in Bezug auf alle Inhalte befinden.

Weitere Optionen für App-Layouts

• Listen: Mit dem WearableRecyclerView-Widget, das für Wearable-Oberflächen optimiert ist, lassen sich große Datenmengen darstellen. Weitere Informationen findest du unter Listen unter Wear OS erstellen.
• Horizontales Paging: Verwenden Sie bei Anwendungsfällen mit mehreren gleichgeordneten Bildschirmen eine horizontale Wischbewegung. Beim horizontalen Paging muss für den linken Rand die Funktion zum Schließen durch Wischen unterstützt werden.
• 2D-Schwenken: Für Anwendungsfälle wie Karten können Nutzer zum Schwenken ziehen und in verschiedene Richtungen ziehen. Aktivieren Sie Zum Schließen wischen, wenn Ihre Aktivität den gesamten Bildschirm einnimmt.