Sketch 360 arrive sur Microsoft Surface Duo

En 2018, Michael Scherotter, un responsable de programme principal de Microsoft, a publié Sketch 360 sur le Microsoft Store.

L'application vous permet de réaliser facilement des croquis panoramiques à 360 degrés sur votre tablette Windows.

Aujourd'hui, Scherotter a publié un article de blog sur son processus d'apporter la même application à Android et de l'améliorer spécifiquement pour le Surface Duo.

Il note que le Surface Duo prend uniquement en charge le stylet Surface sensible à la pression et dispose également d'une interface à double écran qui correspond très bien à l'interface utilisateur à deux volets de Sketch 360 sous Windows.

Il a donc décidé de reconstruire Sketch 360 à l'aide de Xamarin.Forms, afin de pouvoir cibler Surface Duo, d'autres appareils Android natifs comme le Samsung Galaxy Note et tout autre appareil Android moderne ainsi que les appareils Apple iOS avec une seule application.

L'architecture de l'application se compose de deux côtés, une zone de dessin et une vue à 360°. Chaque fois que l'utilisateur ajoute un trait, la vue à 360° est mise à jour et effectue un panoramique jusqu'au point de fin du trait qui vient d'être ajouté. Le canevas de dessin sous Windows utilisait le contrôle natif InkCanvas qui facilitait la collecte et le rendu de l'encre. En passant à Xamarin Forms, il devait réécrire la plupart du code C # et Xaml et devait trouver quelque chose pour fournir une entrée d'encre car il n'y avait pas d'analogue à InkCanvas pour Xamarin Forms. Il a créé un InkCanvasView à l'aide de SkiaSharp qui gérait l'entrée et le rendu d'encrage, conçu pour offrir une surface d'API similaire à UWP InkCanvas et en implémentant juste assez pour prendre en charge les scénarios de base de Sketch 360 :

• Dessiner et effacer des traits d'encre
• Traits d'encre sensibles à la pression avec plusieurs couleurs et épaisseur variable
• Une toile virtuelle qui prend en charge le panoramique et le zoom
• Mise à jour du trait humide pour activer les guides incurvés pendant le dessin
• Chargement et enregistrement des données d'encre vectorielles

Dans Xamarin Forms, il a sérialisé l'encre dans un format JSON simple et a modifié la version Windows pour pouvoir lire ce format en plus de l'encre Windows. Cela signifie que vous pouvez commencer une esquisse sur votre téléphone, enregistrer le fichier .sketch360 sur votre OneDrive et l'ouvrir à nouveau sur un appareil Surface plus grand pour le terminer.

Michael a trouvé les nouveaux formulaires Xamarin API TwoPaneView pour les appareils à double écran, il a été facile de définir une interface utilisateur qui s'adapte de manière fluide d'un seul volet à deux, portrait ou paysage.

Les formulaires Xamarin ont simplifié le processus de création d'une application créative mobile multiplateforme, et avec les outils supplémentaires de Xamarin Essentials, il a pu la rendre aussi fonctionnelle et performante qu'une application native. Il a également pu faire la plupart du développement en utilisant le Émulateur Surface Duo sans avoir un appareil physique en main.

La vue 360 ​​est un contrôle WebView utilisant Babylon.JS, un framework JavaScript 3D open-source doté d'un API PhotoDome. Il a pu utiliser le code HTML/JavaScript en utilisant Babylon.JS avec très peu de modifications par rapport à la version Windows.

L'application terminée est maintenant disponible sur Google Play et fonctionne avec n'importe quel appareil Android moderne, mais fonctionne mieux avec les appareils qui prennent en charge les stylets sensibles à la pression comme le Surface Duo et le Samsung Galaxy Note.

Découvrez l'application ici, et découvrez le processus de développement complet sur le Devblog de Microsoft.

[appbox googleplay com.microsoft.garage.sketch360app]