Beispiel für BegleitbereichCompanion pane sample

Das Begleitbereichsmuster bietet eine großartige Gelegenheit, die Vorteile des zusätzlichen Bildschirmplatzes zu nutzen, indem ansonsten nicht sichtbare Oberflächen der Ebene 2 angezeigt werden, wenn die Anwendung beide Bildschirme einnimmt.The companion pane pattern is a great opportunity to take advantage of added screen real-estate by exposing otherwise hidden level 2 surfaces when the app is spanned. Sie können auch zwei Bildschirme nutzen, indem Sie den App-Zeichenbereich auf einem Bildschirm platzieren und den anderen zur Aufnahme von Tools verwenden, mit denen der Inhalt des Zeichenbereichs bearbeitet werden kann.You can also take advantage of two screens by placing the app canvas on one screen and using the other to hold tools that manipulate the content of the canvas.

Beispiel einer App-Benutzeroberfläche mit Begleitbereichsmuster

SchlüsselwertKey value

Anzeigen von ergänzendem Kontext, um Benutzern das Erledigen von Aufgaben zu erleichtern (in der Regel mithilfe einer Primär-/Sekundärbeziehung), indem bislang verborgene Funktionen der Ebene 2 an die Oberfläche geholt werden, um einen schnelleren Zugriff zu ermöglichen.Show complementary context to augment users' tasks, usually with a primary/secondary relationship, by elevating to the surface previously buried level 2 functionalities for quicker access.

Typen von Apps, die von diesem Muster profitieren könnenTypes of apps that may benefit from this pattern

  • Produktivitäts-Apps, in denen neben dem Hauptinhalt möglicherweise zusätzliche Informationen angezeigt werden sollenProductivity apps that may want supplemental information appearing next to the main content.
  • Kreativtools wie Apps zum Zeichnen von BildernCreative tools like image drawing app.
  • Musik- oder Videobearbeitungs-AppsMusic or video editor apps.
  • Spiele-AppsGaming apps.

Weitere Informationen findest du in der Einführung in Doppelbildschirmgeräte im Abschnitt Begleitbereich.For more info see the companion pane section of Introduction to dual-screen devices.

Ausprobieren unseres BeispielsTry our sample

Hol dir das Beispiel für Begleitbereich auf GitHub:Get the companion pane sample on GitHub:

Java:Java: Beispiel für BegleitbereichCompanion Pane Sample
Kotlin:Kotlin: Beispiel für BegleitbereichCompanion Pane Sample
C# (Xamarin):C# (Xamarin): Beispiel für BegleitbereichCompanion Pane Sample

Übersicht über den QuellcodeSource code overview

Bald verfügbar...Coming soon...

...with code snippets.