Sketch 360 komt naar de Microsoft Surface Duo

In 2018 bracht Michael Scherotter, een Microsoft Principal Program Manager, Sketch 360 uit voor de Microsoft Store.

Met de app kun je eenvoudig 360 panoramische schetsen maken op je Windows-tablet.

Vandaag heeft Scherotter een blogpost gepubliceerd over zijn proces om dezelfde app naar Android te brengen en specifiek te verbeteren voor de Surface Duo.

Hij merkt op dat de Surface Duo op unieke wijze de drukgevoelige Surface-pen ondersteunde, en ook een interface met twee schermen had die heel goed overeenkwam met de gebruikersinterface met twee panelen van Sketch 360 op Windows.

Hij besloot daarom Sketch 360 opnieuw te bouwen met Xamarin.Forms, zodat hij zich met één app op Surface Duo, andere pen-native Android-apparaten zoals de Samsung Galaxy Note en alle andere moderne Android-apparaten en Apple iOS-apparaten kon richten.

De architectuur van de app bestaat uit twee kanten, een tekendoek en een 360-gradenweergave. Elke keer dat de gebruiker een streek toevoegt, wordt de 360°-weergave bijgewerkt en wordt er gepannen naar het eindpunt van de streek die zojuist is toegevoegd. Het tekenpapier op Windows maakte gebruik van de native InkCanvas-besturing, waardoor het gemakkelijk was om inkt te verzamelen en weer te geven. Toen hij overstapte naar Xamarin Forms, moest hij het grootste deel van de C#- en Xaml-code herschrijven en moest hij iets vinden om inktinvoer te leveren, aangezien er geen analoog was aan de InkCanvas voor Xamarin Forms. Hij creëerde een InkCanvasView met behulp van SkiaSharp die inktinvoer en -weergave verwerkte, gereedschap om een ​​vergelijkbaar API-oppervlak te bieden als UWP InkCanvas, en er precies genoeg van implementeerde om de Sketch 360-kernscenario's te ondersteunen:

• Inktstreken tekenen en wissen
• Drukgevoelige inktstreken met meerdere kleuren en variabele dikte
• Een virtueel canvas dat pannen en zoomen ondersteunt
• Natte streek bijwerken om gebogen hulplijnen in te schakelen tijdens het tekenen
• Gegevens over vectorinkt laden en opslaan

In Xamarin Forms serialiseerde hij inkt naar een eenvoudig JSON-formaat en wijzigde hij de Windows-versie om dat formaat naast de Windows-inkt te kunnen lezen. Dit betekent dat je een schets op je telefoon kunt starten, het .sketch360-bestand op je OneDrive kunt opslaan en het opnieuw kunt openen op een groter Surface-apparaat om het te voltooien.

Michael heeft de nieuwe Xamarin Forms gevonden TwoPaneView-API voor apparaten met twee schermen maakte het eenvoudig om een ​​gebruikersinterface te definiëren die zich vloeiend aanpast van een enkel paneel naar twee, staand of liggend.

Xamarin Forms maakten het proces van het maken van een platformonafhankelijke mobiele creatieve app eenvoudig en met de extra tools in de Xamarin Essentials was hij in staat om het net zo functioneel en performant te maken als een native app. Hij was ook in staat om het grootste deel van de ontwikkeling te doen met behulp van de Surface Duo-emulator zonder een fysiek apparaat bij de hand te hebben.

De 360-weergave is een WebView-besturingselement met behulp van Babylon.JS, een open-source JavaScript 3D-framework met een PhotoDome-API. Hij was in staat om de HTML/JavaScript-code te gebruiken met Babylon.JS met zeer weinig aanpassingen ten opzichte van de Windows-versie.

De voltooide app is nu beschikbaar op Google Play en werkt met elk modern Android-apparaat, maar werkt het beste met apparaten die drukgevoelige pennen ondersteunen, zoals de Surface Duo en Samsung Galaxy Note.

Bekijk de app hier, en lees over het volledige ontwikkelingsproces op de Microsoft DevBlog.

[appbox googleplay com.microsoft.garage.sketch360app]