Sketch 360 pojawia się w Microsoft Surface Duo

W 2018 roku Michael Scherotter, główny menedżer programu Microsoft, udostępnił Sketch 360 do Microsoft Store.

Aplikacja umożliwia łatwe wykonywanie panoramicznych szkiców 360 na tablecie z systemem Windows.

Dzisiaj Scherotter opublikował wpis na blogu na temat swojego procesu przenoszenia tej samej aplikacji na Androida, a zwłaszcza ulepszania jej dla Surface Duo.

Zauważa, że ​​Surface Duo w unikalny sposób obsługiwał czułe na nacisk pióro Surface Pen, a także miał interfejs z dwoma ekranami, który bardzo dobrze pasował do dwupanelowego interfejsu użytkownika Sketch 360 w systemie Windows.

Postanowił więc przebudować Sketch 360 przy użyciu Xamarin.Forms, aby mógł kierować reklamy na Surface Duo, inne natywne urządzenia z systemem Android, takie jak Samsung Galaxy Note, oraz wszelkie inne nowoczesne urządzenia z systemem Android, a także urządzenia Apple iOS z jedną aplikacją.

Architektura aplikacji składa się z dwóch stron, kanwy rysunkowej i widoku 360 stopni. Za każdym razem, gdy użytkownik dodaje pociągnięcie, widok 360 jest aktualizowany i przesuwa się do punktu końcowego pociągnięcia właśnie dodanego. Płótno rysunkowe w systemie Windows wykorzystywało natywną kontrolkę InkCanvas, która ułatwiała zbieranie i renderowanie atramentu. Przechodząc do Xamarin Forms, musiał przepisać większość kodu C# i Xaml i musiał znaleźć coś, co zapewni dane wejściowe w postaci atramentu, ponieważ nie było analogu do InkCanvas dla Xamarin Forms. Stworzył InkCanvasView przy użyciu SkiaSharp, który obsługiwał wprowadzanie i renderowanie odręczne, oprzyrządowany, aby oferować powierzchnię interfejsu API podobną do UWP InkCanvas i zaimplementował tylko tyle, aby obsługiwać podstawowe scenariusze Sketch 360:

• Rysowanie i wymazywanie pociągnięć atramentem
• Czułe na nacisk pociągnięcia atramentem z wieloma kolorami i zmienną grubością
• Wirtualne płótno obsługujące panoramowanie i powiększanie
• Aktualizacja ruchu na mokro, aby umożliwić zakrzywione prowadnice podczas rysowania
• Ładowanie i zapisywanie danych dotyczących atramentu wektorowego

W Xamarin Forms zserializował atrament do prostego formatu JSON i zmodyfikował wersję Windows, aby móc czytać ten format oprócz atramentu Windows. Oznacza to, że możesz rozpocząć szkic na telefonie, zapisać plik .sketch360 w usłudze OneDrive i otworzyć go ponownie na większym urządzeniu Surface, aby go ukończyć.

Michael znalazł nowe formularze Xamarin Interfejs API TwoPaneView dla urządzeń z dwoma ekranami ułatwiło zdefiniowanie interfejsu użytkownika, który płynnie dostosowuje się od jednego do dwóch okienek, w orientacji pionowej lub poziomej.

Krajobraz	Portret
Łączone poziomo	Rozciągnięty w pionie

Formularze Xamarin uprościły proces tworzenia wieloplatformowej aplikacji mobilnej do kreatywnej pracy, a dzięki dodatkowym narzędziom w Xamarin Essentials był on w stanie uczynić ją tak funkcjonalną i wydajną, jak aplikacja natywna. Był również w stanie wykonać większość rozwoju za pomocą Emulator Surface Duo bez posiadania fizycznego urządzenia pod ręką.

Widok 360 to kontrolka WebView przy użyciu Babilon.JS, framework JavaScript 3D typu open source z interfejsem API PhotoDome. Potrafił używać kodu HTML/JavaScript przy użyciu Babylon.JS z niewielkimi modyfikacjami w stosunku do wersji dla systemu Windows.

Gotowa aplikacja jest teraz dostępna w Google Play i działa z dowolnym nowoczesnym urządzeniem z Androidem, ale najlepiej działa z urządzeniami obsługującymi pióra wrażliwe na nacisk, takie jak Surface Duo i Samsung Galaxy Note.

Sprawdź aplikację tutaj i przeczytaj o pełnym procesie tworzenia na blogu Microsoft DevBlog.

[appbox googleplay com.microsoft.garage.sketch360app]