Sketch 360 přichází na Microsoft Surface Duo

V roce 2018 Michael Scherotter, hlavní programový manažer společnosti Microsoft, vydal Sketch 360 do obchodu Microsoft Store.

Aplikace vám umožňuje snadno 360 panoramatických náčrtů na vašem tabletu s Windows.

Scherotter dnes zveřejnil blogový příspěvek o svém procesu zavedení stejné aplikace pro Android a konkrétně o jejím vylepšení pro Surface Duo.

Poznamenává, že váš Surface Duo jedinečně podporoval pero Surface Pen citlivé na tlak a měl také rozhraní se dvěma obrazovkami, které velmi dobře ladilo s dvoupanelovým uživatelským rozhraním Sketch 360 ve Windows.

Rozhodl se proto přestavět Sketch 360 pomocí Xamarin.Forms, aby mohl cílit na Surface Duo, další nativní zařízení Android, jako je Samsung Galaxy Note, a jakákoli další moderní zařízení Android a také zařízení Apple iOS s jedinou aplikací.

Architektura aplikace se skládá ze dvou stran, kreslicího plátna a 360° pohledu. Pokaždé, když uživatel přidá tah, 360° pohled se aktualizuje a posune se do koncového bodu právě přidaného tahu. Kreslicí plátno ve Windows používalo nativní ovládací prvek InkCanvas, který usnadňoval shromažďování a vykreslování inkoustu. Při přechodu na Xamarin Forms potřeboval přepsat většinu kódu C# a Xaml a potřeboval najít něco, co by poskytovalo inkoustový vstup, protože neexistoval žádný analog k InkCanvas pro Xamarin Forms. Vytvořil InkCanvasView pomocí SkiaSharp, který zpracovával inkoustový vstup a vykreslování, byl vytvořen tak, aby nabízel podobný povrch API jako UWP InkCanvas, a implementoval ho jen tolik, aby podporoval základní scénáře Sketch 360:

• Kreslení a mazání tahů inkoustem
• Tahy inkoustu citlivé na tlak s více barvami a proměnlivou tloušťkou
• Virtuální plátno, které podporuje posouvání a přibližování
• Aktualizace mokrého tahu pro aktivaci zakřivených vodítek při kreslení
• Načítání a ukládání vektorových inkoustových dat

V Xamarin Forms serializoval inkoust do jednoduchého formátu JSON a upravil verzi pro Windows, aby byl schopen číst tento formát kromě inkoustu Windows. To znamená, že můžete začít náčrt v telefonu, uložit soubor .sketch360 na OneDrive a znovu jej otevřít na větším zařízení Surface a dokončit.

Michael našel nové formuláře Xamarin TwoPaneView API pro zařízení se dvěma obrazovkami bylo snadné definovat uživatelské rozhraní, které se plynule přizpůsobuje z jednoho panelu na dva, na výšku nebo na šířku.

Formuláře Xamarin zjednodušily proces vytváření multiplatformní mobilní kreativní aplikace a s dalšími nástroji v Xamarin Essentials ji dokázal učinit stejně funkční a výkonnou jako nativní aplikace. Byl také schopen udělat většinu vývoje pomocí Emulátor Surface Duo aniž byste měli v ruce fyzické zařízení.

360° zobrazení využívá ovládací prvek WebView Babylon.JS, open-source JavaScript 3D framework, který má a PhotoDome API. Byl schopen používat kód HTML/JavaScript pomocí Babylon.JS s velmi malými úpravami oproti verzi pro Windows.

Dokončená aplikace je nyní k dispozici na Google Play a funguje s jakýmkoli moderním zařízením Android, ale nejlépe funguje se zařízeními, která podporují pera citlivá na tlak, jako jsou Surface Duo a Samsung Galaxy Note.

Podívejte se na aplikaci zdea přečtěte si o celém procesu vývoje na Microsoft DevBlog.

[appbox googleplay com.microsoft.garage.sketch360app]