Sketch 360 kommt zum Microsoft Surface Duo

Im Jahr 2018 veröffentlichte Michael Scherotter, ein Microsoft Principal Program Manager, Sketch 360 im Microsoft Store.

Mit der App können Sie ganz einfach 360°-Panoramaskizzen auf Ihrem Windows-Tablet erstellen.

Heute hat Scherotter einen Blogbeitrag über seinen Prozess veröffentlicht, dieselbe App auf Android zu bringen und sie speziell für das Surface Duo zu verbessern.

Er stellt fest, dass das Surface Duo den druckempfindlichen Surface Pen auf einzigartige Weise unterstützt und auch über eine Dual-Screen-Oberfläche verfügt, die sehr gut mit der Zwei-Fenster-Benutzeroberfläche von Sketch 360 unter Windows übereinstimmt.

Er beschloss daher, Sketch 360 mit Xamarin.Forms neu zu erstellen, damit er Surface Duo, andere Stift-native Android-Geräte wie das Samsung Galaxy Note und alle anderen modernen Android-Geräte sowie Apple iOS-Geräte mit einer einzigen App ansprechen konnte.

Die Architektur der App besteht aus zwei Seiten, einer Zeichenfläche und einer 360-Grad-Ansicht. Jedes Mal, wenn der Benutzer einen Strich hinzufügt, wird die 360°-Ansicht aktualisiert und zum Endpunkt des gerade hinzugefügten Strichs geschwenkt. Der Zeichenbereich unter Windows verwendete das native InkCanvas-Steuerelement, das das Sammeln und Rendern von Tinte vereinfachte. Beim Wechsel zu Xamarin Forms musste er den größten Teil des C#- und XAML-Codes neu schreiben und etwas finden, um Freihandeingaben bereitzustellen, da es kein Analogon zu InkCanvas für Xamarin Forms gab. Er erstellte eine InkCanvasView mit SkiaSharp, die Freihandeingaben und -rendering verarbeitete, mit Tools ausgestattet war, um eine ähnliche API-Oberfläche wie UWP InkCanvas anzubieten, und gerade genug davon implementierte, um die Sketch 360-Kernszenarien zu unterstützen:

• Tintenstriche zeichnen und löschen
• Druckempfindliche Tintenstriche mit mehreren Farben und variabler Dicke
• Eine virtuelle Leinwand, die Schwenken und Zoomen unterstützt
• Nassstrichaktualisierung, um gekrümmte Hilfslinien während des Zeichnens zu aktivieren
• Laden und Speichern von Vektortintendaten

In Xamarin Forms serialisierte er Tinte in ein einfaches JSON-Format und modifizierte die Windows-Version, um dieses Format zusätzlich zur Windows-Tinte lesen zu können. Das bedeutet, dass Sie eine Skizze auf Ihrem Telefon starten, die .sketch360-Datei auf Ihrem OneDrive speichern und sie auf einem größeren Surface-Gerät erneut öffnen können, um sie fertigzustellen.

Michael hat die neuen Xamarin-Formulare gefunden TwoPaneView-API für Dual-Screen-Geräte machte es einfach, eine Benutzeroberfläche zu definieren, die sich fließend von einem einzelnen Fenster zu zwei, Hoch- oder Querformat anpasst.

Xamarin-Formulare machten den Prozess zum Erstellen einer plattformübergreifenden mobilen Kreativ-App unkompliziert, und mit den zusätzlichen Tools in Xamarin Essentials konnte er sie so funktional und leistungsfähig wie eine native App machen. Er konnte auch den größten Teil der Entwicklung mit dem durchführen Surface Duo-Emulator ohne ein physisches Gerät in der Hand zu haben.

Die 360-Grad-Ansicht ist ein WebView-Steuerelement, das verwendet wird Babylon.JS, ein Open-Source-JavaScript-3D-Framework mit a PhotoDome-API. Er konnte den HTML/JavaScript-Code mit Babylon.JS mit sehr geringen Änderungen gegenüber der Windows-Version verwenden.

Die fertige App ist jetzt bei Google Play verfügbar und funktioniert mit jedem modernen Android-Gerät, funktioniert aber am besten mit Geräten, die druckempfindliche Stifte wie das Surface Duo und das Samsung Galaxy Note unterstützen.

Schauen Sie sich die App an hier, und lesen Sie mehr über den vollständigen Entwicklungsprozess im Microsoft DevBlog.

[appbox googleplay com.microsoft.garage.sketch360app]