Sketch 360 kommer till Microsoft Surface Duo

Under 2018 släppte Michael Scherotter, en Microsoft Principal Program Manager, Sketch 360 till Microsoft Store.

Appen låter dig 360 panoramaskisser enkelt på din Windows-surfplatta.

Idag publicerade Scherotter ett blogginlägg om sin process för att föra samma app till Android och specifikt förbättra den för Surface Duo.

Han noterar att din Surface Duo unikt stödde den tryckkänsliga Surface Pen och hade även ett dubbelskärmsgränssnitt som matchade mycket väl med tvåpanelsgränssnittet i Sketch 360 på Windows.

Han bestämde sig därför för att bygga om Sketch 360 med Xamarin.Forms, så att han kunde rikta in sig på Surface Duo, andra pennbaserade Android-enheter som Samsung Galaxy Note och alla andra moderna Android-enheter såväl som Apple iOS-enheter med en enda app.

Appens arkitektur består av två sidor, en ritduk och en 360 graders vy. Varje gång användaren lägger till ett streck, uppdateras 360-vyn och panorerar till slutpunkten för strecket som just lagts till. Ritningsduken på Windows använde den inbyggda InkCanvas-kontrollen som gjorde det enkelt att samla in och återge bläck. När han flyttade till Xamarin Forms behövde han skriva om det mesta av C#- och Xaml-koden och behövde hitta något för att ge bläckinmatning eftersom det inte fanns någon analog till InkCanvas för Xamarin Forms. Han skapade en InkCanvasView med SkiaSharp som hanterade färginmatning och rendering, verktyg för att erbjuda en liknande API-yta som UWP InkCanvas, och implementerade precis tillräckligt av det för att stödja Sketch 360 kärnscenarier:

• Rita och radera bläckdrag
• Tryckkänsliga bläckdrag med flera färger och variabel tjocklek
• En virtuell duk som stöder panorering och zoomning
• Våtslagsuppdatering för att möjliggöra böjda guider när du ritar
• Laddar och sparar vektorbläckdata

I Xamarin Forms serialiserade han bläck till ett enkelt JSON-format och modifierade Windows-versionen för att kunna läsa det formatet förutom Windows-bläcket. Det betyder att du kan starta en skiss på din telefon, spara .sketch360-filen på din OneDrive och öppna den igen på en större Surface-enhet för att slutföra den.

Michael hittade den nya Xamarin Forms TwoPaneView API för enheter med dubbla skärmar gjorde det enkelt att definiera ett användargränssnitt som smidigt anpassar sig från en enda ruta till två, stående eller liggande.

Xamarin Forms gjorde processen att skapa en kreativ mobilapp på flera plattformar enkel, och med de extra verktygen i Xamarin Essentials kunde han göra den lika funktionell och prestanda som en inbyggd app. Han kunde också göra det mesta av utvecklingen med hjälp av Surface Duo Emulator utan att ha en fysisk enhet i handen.

360-vyn är en WebView-kontroll som använder Babylon.JS, ett JavaScript 3D-ramverk med öppen källkod som har en PhotoDome API. Han kunde använda HTML/JavaScript-koden med Babylon.JS med mycket små modifieringar från Windows-versionen.

Den färdiga appen finns nu tillgänglig på Google Play och fungerar med alla moderna Android-enheter, men fungerar bäst med enheter som stöder tryckkänsliga pennor som Surface Duo och Samsung Galaxy Note.

Kolla in appen här., och läs om hela utvecklingsprocessen på Microsoft DevBlog.

[appbox googleplay com.microsoft.garage.sketch360app]