Sketch 360 kommer til Microsoft Surface Duo

I 2018 ga Michael Scherotter, en Microsoft Principal Program Manager, ut Sketch 360 til Microsoft Store.

Appen lar deg enkelt 360 panoramaskisser på Windows-nettbrettet ditt.

I dag publiserte Scherotter et blogginnlegg om prosessen hans med å bringe den samme appen til Android og spesifikt forbedre den for Surface Duo.

Han bemerker at din Surface Duo unikt støttet den trykkfølsomme Surface Pen, og også hadde et dual-screen grensesnitt som matchet veldig godt med to-panels brukergrensesnittet til Sketch 360 på Windows.

Han bestemte seg derfor for å gjenoppbygge Sketch 360 ved å bruke Xamarin.Forms, slik at han kunne målrette mot Surface Duo, andre penn-native Android-enheter som Samsung Galaxy Note, og alle andre moderne Android-enheter samt Apple iOS-enheter med en enkelt app.

Arkitekturen til appen består av to sider, et tegnelerret og en 360-visning. Hver gang brukeren legger til et slag, oppdateres 360-visningen og panorerer til sluttpunktet for streken som nettopp er lagt til. Tegningslerretet på Windows brukte den opprinnelige InkCanvas-kontrollen som gjorde det enkelt å samle og gjengi blekk. Da han flyttet til Xamarin Forms, trengte han å omskrive det meste av C#- og Xaml-koden og trengte å finne noe for å gi blekkinndata siden det ikke var noen analog til InkCanvas for Xamarin Forms. Han opprettet en InkCanvasView ved å bruke SkiaSharp som håndterte blekkinndata og gjengivelse, verktøy for å tilby en lignende API-overflate som UWP InkCanvas, og implementerte akkurat nok av den til å støtte Sketch 360-kjernescenarioene:

• Tegne og slette blekkstrøk
• Trykkfølsomme blekkstrøk med flere farger og variabel tykkelse
• Et virtuelt lerret som støtter panorering og zooming
• Oppdatering av våtslag for å aktivere buede hjelpelinjer mens du tegner
• Laster og lagrer vektorblekkdata

I Xamarin Forms serialiserte han blekk til et enkelt JSON-format og modifiserte Windows-versjonen for å kunne lese det formatet i tillegg til Windows-blekk. Dette betyr at du kan starte en skisse på telefonen, lagre .sketch360-filen på OneDrive og åpne den igjen på en større Surface-enhet for å fullføre den.

Michael fant den nye Xamarin Forms TwoPaneView API for enheter med to skjermer gjorde det enkelt å definere et brukergrensesnitt som tilpasser seg flytende fra en enkelt rute til to, stående eller liggende.

Xamarin-skjemaer gjorde prosessen med å lage en kreativ mobilapp på tvers av plattformer enkel, og med tilleggsverktøyene i Xamarin Essentials var han i stand til å gjøre den like funksjonell og effektiv som en innebygd app. Han var også i stand til å gjøre det meste av utviklingen ved å bruke Surface Duo Emulator uten å ha en fysisk enhet i hånden.

360-visningen er en WebView-kontroll som bruker Babylon.JS, et åpen kildekode JavaScript 3D-rammeverk som har en PhotoDome API. Han var i stand til å bruke HTML/JavaScript-koden ved å bruke Babylon.JS med svært få modifikasjoner fra Windows-versjonen.

Den ferdige appen er nå tilgjengelig på Google Play og fungerer med alle moderne Android-enheter, men fungerer best med enheter som støtter trykkfølsomme penner som Surface Duo og Samsung Galaxy Note.

Sjekk ut appen her., og les om hele utviklingsprosessen på Microsoft DevBlog.

[appbox googleplay com.microsoft.garage.sketch360app]