Sketch 360 выходит на Microsoft Surface Duo

Значок времени чтения 3 минута. читать


Читатели помогают поддержать MSpoweruser. Мы можем получить комиссию, если вы совершите покупку по нашим ссылкам. Значок подсказки

Прочтите нашу страницу раскрытия информации, чтобы узнать, как вы можете помочь MSPoweruser поддержать редакционную команду. Читать далее

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

Приложение позволяет легко делать 360 панорамные наброски на планшете с Windows.

Сегодня Шероттер опубликовал сообщение в своем блоге о том, как он переносит то же самое приложение на Android и специально улучшает его для Surface Duo.

Sketch 360 на Surface Duo

Он отмечает, что Surface Duo уникально поддерживал чувствительное к давлению Surface Pen, а также имел интерфейс с двумя экранами, который очень хорошо сочетался с двухпанельным пользовательским интерфейсом Sketch 360 в Windows.

Поэтому он решил перестроить Sketch 360 с помощью Xamarin.Forms, чтобы он мог работать с Surface Duo, другими перьевыми устройствами Android, такими как Samsung Galaxy Note, и любыми другими современными устройствами Android, а также устройствами Apple iOS с помощью одного приложения.

Архитектура приложения состоит из двух сторон, холста для рисования и обзора 360°. Каждый раз, когда пользователь добавляет обводку, обзор 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 Forms API двухпаневиев для устройств с двумя экранами упростило определение пользовательского интерфейса, который плавно адаптируется от одной панели к двум, портретной или альбомной ориентации.

Пейзаж

Портрет

Растянуто по горизонтали

 Растянуто по вертикали

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

Представление 360 — это элемент управления WebView, использующий Вавилон.JS, 3D-фреймворк JavaScript с открытым исходным кодом, который имеет API фотокупола. Он смог использовать код HTML/JavaScript с помощью Babylon.JS с очень небольшими изменениями по сравнению с версией для Windows.

Завершенное приложение теперь доступно в Google Play и работает с любым современным устройством Android, но лучше всего работает с устройствами, поддерживающими чувствительные к давлению перья, такими как Surface Duo и Samsung Galaxy Note.

Проверьте приложение здесь, и читайте о полном процессе разработки в блоге Microsoft DevBlog.

[appbox googleplay com.microsoft.garage.sketch360app]

Подробнее о темах: приложение, Поверхность Duo