Esempio di doppia visualizzazioneDual view sample

La presenza di due schermi offre la possibilità di confrontare e contrapporre due versioni affiancate dello stesso tipo di contenuto, ad esempio due immagini, elenchi o documenti.Having two screens provides a natural affordance to compare and contrast two versions of the same type of content side-by-side, like two images, lists, or documents.

Esempio dell'interfaccia utente dell'app con il modello doppia visualizzazione

Valore chiaveKey value

La disponibilità di più visualizzazioni della stessa app nello stesso contenitore consente il confronto di contenuti simili affiancati.Having multiple views of the same app in the same container, allowing comparison of similar-type content side by side.

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

  • Strumenti di modifica che traggono vantaggio dalla presenza di uno stato precedente e uno stato successivo affiancati, ad esempio codice markdown e anteprima.Editing tools that benefit from having before/after states side-by-side; for example, markdown code and preview.
  • Contenuto e contesto affiancati, ad esempio una mappa e un elenco di ristoranti.Content and context side-by-side; for example, a map and a list of restaurants.
  • App che consentono all'utente di confrontare elementi simili.Apps that let the user compare similar items.
  • App con due aree di disegno con contenuto coordinato che mantengono separate le singole pagine, ad esempio area di disegno su un lato e possibilità di prendere appunti sull'altro.Having two canvases with coordinated contents but keeping each page separate; for example, canvas on one side, note taking on the other.

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

Provare l'esempioTry our sample

Scarica l'esempio di doppia visualizzazione da GitHub:Get the dual view sample on GitHub:

Java:Java: Esempio di Doppia visualizzazioneDual View Sample
Kotlin:Kotlin: Esempio di Doppia visualizzazioneDual View Sample
C# (Xamarin):C# (Xamarin): Esempio di Doppia visualizzazioneDual View Sample

Panoramica del codice sorgenteSource code overview

Presto disponibile.Coming soon...

...with code snippets.