Sketch 360 arriva su Microsoft Surface Duo

Nel 2018 Michael Scherotter, un Microsoft Principal Program Manager, ha rilasciato Sketch 360 su Microsoft Store.

L'app ti consente di realizzare facilmente schizzi panoramici a 360° sul tuo tablet Windows.

Oggi Scherotter ha pubblicato un post sul blog sul suo processo per portare la stessa app su Android e migliorarla in modo specifico per Surface Duo.

Nota che Surface Duo supportava in modo univoco la Surface Pen sensibile alla pressione e aveva anche un'interfaccia a doppio schermo che si abbinava molto bene con l'interfaccia utente a due riquadri di Sketch 360 su Windows.

Pertanto, ha deciso di ricostruire Sketch 360 utilizzando Xamarin.Forms, in modo da poter scegliere come target Surface Duo, altri dispositivi Android nativi di penna come Samsung Galaxy Note e qualsiasi altro dispositivo Android moderno, nonché dispositivi Apple iOS con un'unica app.

L'architettura dell'app è composta da due lati, un'area di disegno e una vista a 360 gradi. Ogni volta che l'utente aggiunge un tratto, la vista a 360° viene aggiornata e si sposta fino al punto finale del tratto appena aggiunto. L'area di disegno su Windows utilizzava il controllo InkCanvas nativo che semplificava la raccolta e il rendering dell'inchiostro. Passando a Xamarin Forms, aveva bisogno di riscrivere la maggior parte del codice C# e Xaml e aveva bisogno di trovare qualcosa per fornire input input penna poiché non esisteva un analogo con InkCanvas per Xamarin Forms. Ha creato un InkCanvasView utilizzando SkiaSharp che gestiva input di input e rendering, progettato per offrire una superficie API simile a UWP InkCanvas e implementandone quanto basta per supportare gli scenari principali di Sketch 360:

• Disegnare e cancellare tratti di inchiostro
• Tratti di inchiostro sensibili alla pressione con più colori e spessore variabile
• Una tela virtuale che supporta la panoramica e lo zoom
• Aggiornamento tratto bagnato per abilitare le guide curve durante il disegno
• Caricamento e salvataggio dei dati dell'inchiostro vettoriale

In Xamarin Forms ha serializzato l'inchiostro in un semplice formato JSON e ha modificato la versione di Windows per poter leggere quel formato oltre all'inchiostro di Windows. Ciò significa che puoi avviare uno schizzo sul telefono, salvare il file .sketch360 su OneDrive e riaprirlo su un dispositivo Surface più grande per completarlo.

Michael ha trovato i nuovi Xamarin Forms API TwoPaneView per i dispositivi a doppio schermo ha semplificato la definizione di un'interfaccia utente che si adatta in modo fluido da un singolo riquadro a due, verticale o orizzontale.

I moduli Xamarin hanno semplificato il processo di creazione di un'app creativa per dispositivi mobili multipiattaforma e, con gli strumenti aggiuntivi in ​​Xamarin Essentials, è stato in grado di renderla funzionale e performante come un'app nativa. È stato anche in grado di eseguire la maggior parte dello sviluppo utilizzando il Emulatore Surface Duo senza avere un dispositivo fisico in mano.

La vista a 360 gradi è un controllo WebView che utilizza Babilonia.JS, un framework 3D JavaScript open source che ha a API PhotoDome. È stato in grado di utilizzare il codice HTML/JavaScript utilizzando Babylon.JS con pochissime modifiche rispetto alla versione Windows.

L'app completa è ora disponibile su Google Play e funziona con qualsiasi dispositivo Android moderno, ma funziona meglio con dispositivi che supportano penne sensibili alla pressione come Surface Duo e Samsung Galaxy Note.

Dai un'occhiata all'app quie leggi l'intero processo di sviluppo al Microsoft DevBlog.

[appboxgoogleplay com.microsoft.garage.sketch360app]