Esempio di riquadro complementareCompanion pane sample

Il modello riquadro complementare consente di sfruttare i vantaggi offerti dallo spazio aggiuntivo su schermo, rendendo disponibili superfici di secondo livello altrimenti nascoste quando l'app passa alla modalità estesa.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. Puoi sfruttare i due schermi anche usandone uno per visualizzare l'area di disegno dell'app e inserendo nell'altro gli strumenti che consentono di modificare il contenuto dell'area di disegno.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.

Esempio dell'interfaccia utente dell'app con il modello riquadro complementare

Valore chiaveKey value

Possibilità di mostrare il contesto complementare per aumentare le attività degli utenti, in genere con una relazione di tipo primario/secondario, rendendo disponibili funzionalità di livello 2 precedentemente nascoste per un accesso più rapido.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.

Tipi di app che possono trarre vantaggio da questo modelloTypes of apps that may benefit from this pattern

  • App di produttività, in cui può essere utile visualizzare informazioni aggiuntive accanto al contenuto principale.Productivity apps that may want supplemental information appearing next to the main content.
  • Strumenti creativi, come le app per la creazione di immagini.Creative tools like image drawing app.
  • App per l'editing di video o musica.Music or video editor apps.
  • App di gioco.Gaming apps.

Per altre informazioni, vedi la sezione Riquadro complementare in Introduzione ai dispositivi a doppio schermo.For more info see the companion pane section of Introduction to dual-screen devices.

Provare l'esempioTry our sample

Scarica l'esempio di riquadro complementare da GitHub:Get the companion pane sample on GitHub:

Java:Java: Esempio di riquadro complementareCompanion Pane Sample
Kotlin:Kotlin: Esempio di riquadro complementareCompanion Pane Sample
C# (Xamarin):C# (Xamarin): Esempio di riquadro complementareCompanion Pane Sample

Panoramica del codice sorgenteSource code overview

Presto disponibile...Coming soon...

...with code snippets.