Sketch 360 kommer til Microsoft Surface Duo

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

Appen lader dig nemt 360 panoramiske skitser på din Windows-tablet.

I dag offentliggjorde Scherotter et blogindlæg om sin proces med at bringe den samme app til Android og specifikt forbedre den til Surface Duo.

Han bemærker, at din Surface Duo unikt understøttede den trykfølsomme Surface Pen og også havde en dual-screen interface, som matchede meget godt med to-rude brugergrænsefladen i Sketch 360 på Windows.

Han besluttede derfor at genopbygge Sketch 360 ved hjælp af Xamarin.Forms, så han kunne målrette mod Surface Duo, andre pen-native Android-enheder som Samsung Galaxy Note og enhver anden moderne Android-enhed samt Apple iOS-enheder med en enkelt app.

Appens arkitektur består af to sider, et tegnelærred og en 360°-visning. Hver gang brugeren tilføjer et streg, opdateres 360-visningen og panorerer til slutpunktet for stregen, der lige er tilføjet. Tegnelærredet på Windows brugte den oprindelige InkCanvas-kontrol, som gjorde det nemt at indsamle og gengive blæk. Da han flyttede til Xamarin Forms, var han nødt til at omskrive det meste af C#- og Xaml-koden og skulle finde noget til at levere blæk-input, da der ikke var nogen analog til InkCanvas for Xamarin Forms. Han skabte en InkCanvasView ved hjælp af SkiaSharp, som håndterede blæk-input og -gengivelse, værktøj til at tilbyde en lignende API-overflade til UWP InkCanvas, og implementerede lige nok af det til at understøtte Sketch 360-kernescenarierne:

• Tegning og sletning af blækstrøg
• Trykfølsomme blækstrøg med flere farver og variabel tykkelse
• Et virtuelt lærred, der understøtter panorering og zoom
• Opdatering af vådslag for at aktivere buede hjælpelinjer under tegning
• Indlæsning og lagring af vektorblækdata

I Xamarin Forms serialiserede han blæk til et simpelt JSON-format og ændrede Windows-versionen for at kunne læse dette format ud over Windows-blæk. Det betyder, at du kan starte en skitse på din telefon, gemme .sketch360-filen på dit OneDrive og åbne den igen på en større Surface-enhed for at fuldføre den.

Michael fandt den nye Xamarin Forms TwoPaneView API til enheder med to skærme gjorde det nemt at definere en brugergrænseflade, der tilpasser sig flydende fra en enkelt rude til to, stående eller liggende.

Xamarin-forms gjorde processen med at skabe en kreativ mobil-app på tværs af platforme ligetil, og med de ekstra værktøjer i Xamarin Essentials var han i stand til at gøre den lige så funktionel og effektiv som en native app. Han var også i stand til at gøre det meste af udviklingen ved hjælp af Surface Duo Emulator uden at have en fysisk enhed ved hånden.

360-visningen er en WebView-kontrol, der bruger Babylon.JS, en open source JavaScript 3D-ramme, som har en PhotoDome API. Han var i stand til at bruge HTML/JavaScript-koden ved hjælp af Babylon.JS med meget få ændringer fra Windows-versionen.

Den færdige app er nu tilgængelig på Google Play og fungerer med enhver moderne Android-enhed, men fungerer bedst med enheder, der understøtter trykfølsomme penne som Surface Duo og Samsung Galaxy Note.

Tjek appen link., og læs om hele udviklingsprocessen på Microsoft DevBlog.

[appbox googleplay com.microsoft.garage.sketch360app]