Sketch 360 prichádza na Microsoft Surface Duo

V roku 2018 Michael Scherotter, hlavný programový manažér spoločnosti Microsoft, vydal aplikáciu Sketch 360 do obchodu Microsoft Store.

Aplikácia vám umožňuje jednoducho 360 panoramatických náčrtov na tablete so systémom Windows.

Scherotter dnes zverejnil blogový príspevok o svojom procese uvedenia tej istej aplikácie do Androidu a konkrétne jej vylepšenia pre Surface Duo.

Poznamenáva, že váš Surface Duo jedinečne podporoval pero Surface Pen citlivé na tlak a mal tiež rozhranie s dvoma obrazovkami, ktoré sa veľmi dobre zhodovalo s dvojpanelovým používateľským rozhraním aplikácie Sketch 360 v systéme Windows.

Preto sa rozhodol prestavať Sketch 360 pomocou Xamarin.Forms, aby mohol zacieliť na Surface Duo, ďalšie natívne Android zariadenia, ako je Samsung Galaxy Note, a akékoľvek iné moderné zariadenia s Androidom, ako aj zariadenia Apple iOS s jedinou aplikáciou.

Architektúra aplikácie pozostáva z dvoch strán, kresliace plátno a 360° pohľad. Zakaždým, keď používateľ pridá ťah, 360° zobrazenie sa aktualizuje a posunie sa do koncového bodu práve pridaného ťahu. Kresliace plátno v systéme Windows využívalo natívny ovládací prvok InkCanvas, ktorý uľahčil zhromažďovanie a vykresľovanie atramentu. Pri prechode na Xamarin Forms potreboval prepísať väčšinu kódu C# a Xaml a potreboval nájsť niečo, čo by poskytovalo atramentový vstup, pretože neexistoval žiadny analóg k InkCanvas pre Xamarin Forms. Vytvoril InkCanvasView pomocou SkiaSharp, ktorý sa zaoberal vstupom a vykresľovaním atramentom, nástrojom ponúkal podobný povrch API ako UWP InkCanvas a implementoval ho len toľko, aby podporoval základné scenáre Sketch 360:

• Kreslenie a mazanie ťahov tušom
• Tlakovo citlivé ťahy atramentu s viacerými farbami a premenlivou hrúbkou
• Virtuálne plátno, ktoré podporuje posúvanie a približovanie
• Aktualizácia mokrého ťahu, aby sa umožnili zakrivené vodidlá počas kreslenia
• Načítavanie a ukladanie vektorových atramentových údajov

V Xamarin Forms serializoval atrament do jednoduchého formátu JSON a upravil verziu pre Windows, aby dokázal čítať tento formát okrem atramentu Windows. To znamená, že môžete spustiť skicu na telefóne, uložiť súbor .sketch360 do OneDrive a znova ho otvoriť na väčšom zariadení Surface, aby ste to dokončili.

Michael našiel nové formuláre Xamarin TwoPaneView API pre zariadenia s dvoma obrazovkami uľahčilo definovanie používateľského rozhrania, ktoré sa plynule prispôsobuje z jedného panela na dva, na výšku alebo na šírku.

Formuláre Xamarin zjednodušili proces vytvárania multiplatformovej mobilnej kreatívnej aplikácie a s ďalšími nástrojmi v Xamarin Essentials ju dokázal urobiť tak funkčnou a výkonnou ako natívna aplikácia. Bol tiež schopný urobiť väčšinu vývoja pomocou Emulátor Surface Duo bez fyzického zariadenia v ruke.

360° zobrazenie používa ovládací prvok WebView Babylon.JS, open-source JavaScript 3D framework, ktorý má a PhotoDome API. Bol schopný použiť kód HTML/JavaScript pomocou Babylon.JS s veľmi malými úpravami z verzie Windows.

Dokončená aplikácia je teraz k dispozícii na Google Play a funguje s akýmkoľvek moderným zariadením so systémom Android, ale najlepšie funguje so zariadeniami, ktoré podporujú perá citlivé na tlak, ako sú Surface Duo a Samsung Galaxy Note.

Pozrite si aplikáciu tua prečítajte si o celom procese vývoja na Microsoft DevBlog.

[appbox googleplay com.microsoft.garage.sketch360app]