Esempio di area di disegno estesaExtended canvas sample

Il modello area di disegno estesa è il modello a doppio schermo più semplice, ma è comunque efficace.The extended canvas pattern is the simplest dual-screen pattern, but it's powerful. Usa, sostanzialmente, entrambi gli schermi come un'unica area di disegno di grandi dimensioni.It is essentially uses both screens as one large canvas.

Questo modello può essere utile se l'app dispone di un'area di disegno che scorre liberamente, in cui l'utente può scorrere per evitare la giunzione nel caso in cui alcuni elementi dell'interfaccia utente vengano nascosti dalla linea di giunzione, oppure se hai bisogno di un'area di disegno più ampia per attività come l'esecuzione di disegni.You may consider this pattern if your app has a free-flowing canvas where user is freely able to scroll to avoid the seam in case some UI is obscured by the seam, or you need a bigger canvas for such task as drawing.

Esempio dell'interfaccia utente dell'app con il modello area di disegno estesa

Valore chiaveKey value

L'estensione dell'area di disegno consente agli utenti di sfruttare la maggiore quantità di spazio su schermo offerta dai dispositivi a doppio schermo.Extending the canvas allows users to take advantage of the larger screen real-estate provided by dual-screen devices.

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

  • App di mappe.Map apps.
  • App per disegnare.Drawing canvas apps.

Per altre informazioni, vedi la sezione Area di disegno estesa in Introduzione ai dispositivi a doppio schermo.For more info see the extended canvas section of Introduction to dual-screen devices.

Provare l'esempioTry our sample

Scarica l'esempio di area di disegno estesa da GitHub:Get the extended canvas sample on GitHub:

Java:Java: Esempio di area di disegno estesaExtended Canvas Sample
Kotlin:Kotlin: Esempio di area di disegno estesaExtended Canvas Sample
C# (Xamarin):C# (Xamarin): Esempio di area di disegno estesaExtended Canvas Sample

Panoramica del codice sorgenteSource code overview

Presto disponibile.Coming soon...

...with code snippets.