Sketch 360 надходить у Microsoft Surface Duo

У 2018 році Майкл Шероттер, головний програмний менеджер Microsoft, випустив Sketch 360 в Microsoft Store.

Додаток дозволяє легко робити 360 панорамні ескізи на планшеті Windows.

Сьогодні Шероттер опублікував пост у блозі про свій процес перенесення того ж додатка на Android і спеціально його покращення для Surface Duo.

Він зазначає, що Surface Duo унікально підтримував чутливе до натискання перо Surface Pen, а також мав інтерфейс з подвійним екраном, який дуже добре поєднувався з двопанельним інтерфейсом Sketch 360 у Windows.

Тому він вирішив перебудувати Sketch 360 за допомогою Xamarin.Forms, щоб він міг орієнтуватися на Surface Duo, інші пристрої Android, як-от Samsung Galaxy Note, і будь-які інші сучасні пристрої Android, а також пристрої Apple iOS за допомогою однієї програми.

Архітектура програми складається з двох сторін, полотна для малювання та огляду 360. Щоразу, коли користувач додає обведення, круговий огляд оновлюється і переміщується до кінцевої точки щойно доданого обведення. Полотно для малювання в Windows використовувало вбудований елемент керування InkCanvas, який спрощував збір і візуалізацію чорнила. Переходячи до Xamarin Forms, йому потрібно було переписати більшість коду C# і Xaml і знайти щось для введення чорнила, оскільки не було аналогу InkCanvas для Xamarin Forms. Він створив InkCanvasView за допомогою SkiaSharp, який обробляв введення чорнилом і візуалізацію, оснащений інструментами, щоб запропонувати подібну поверхню API для UWP InkCanvas, і реалізував її достатньо для підтримки основних сценаріїв Sketch 360:

• Малювання та стирання чорнильних штрихів
• Чутливі до тиску штрихи чорнила з кількома кольорами та змінною товщиною
• Віртуальне полотно, яке підтримує панорамування та масштабування
• Оновлення вологого обведення, щоб увімкнути вигнуті напрямні під час малювання
• Завантаження та збереження даних векторного чорнила

У Xamarin Forms він серіалізував чорнило до простого формату JSON і змінив версію Windows, щоб мати можливість читати цей формат на додаток до чорнила Windows. Це означає, що ви можете розпочати ескіз на своєму телефоні, зберегти файл .sketch360 у OneDrive і знову відкрити його на більшому пристрої Surface, щоб завершити його.

Майкл знайшов нові форми Xamarin API TwoPaneView для пристроїв з подвійним екраном полегшило визначення інтерфейсу користувача, який плавно адаптується від однієї панелі до двох, портретної або альбомної.

Форми Xamarin зробили процес створення кросплатформного мобільного креативного додатка простим, а за допомогою додаткових інструментів у Xamarin Essentials він зміг зробити його таким же функціональним і продуктивним, як і рідний додаток. Він також зміг зробити більшу частину розробки за допомогою Емулятор Surface Duo не маючи під рукою фізичного пристрою.

360 – це елемент керування WebView, який використовує Вавилон. JS, 3D-фреймворк JavaScript з відкритим кодом, який має a API PhotoDome. Він зміг використовувати код HTML/JavaScript за допомогою Babylon.JS з дуже невеликими змінами у порівнянні з версією Windows.

Готовий додаток тепер доступний у Google Play і працює з будь-яким сучасним пристроєм Android, але найкраще працює з пристроями, які підтримують чутливі до тиску ручки, як-от Surface Duo і Samsung Galaxy Note.

Перевірте додаток тут, і читайте про повний процес розробки у Microsoft DevBlog.

[appbox googleplay com.microsoft.garage.sketch360app]