Sketch 360 來到 Microsoft Surface Duo

2018 年，Microsoft 首席項目經理 Michael Scherotter 向 Microsoft Store 發布了 Sketch 360。

該應用程序可讓您在 Windows 平板電腦上輕鬆繪製 360 度全景草圖。

今天，Scherotter 發表了一篇博文，介紹了他將相同的應用程序引入 Android 並專門針對 Surface Duo 進行增強的過程。

他指出，Surface Duo 獨有支持壓感 Surface Pen，同時擁有雙屏界面，與 Windows 上 Sketch 360 的雙窗格 UI 非常匹配。

因此，他決定使用 Xamarin.Forms 重建 Sketch 360，這樣他就可以針對 Surface Duo、其他筆式原生 Android 設備（如三星 Galaxy Note）以及任何其他現代 Android 設備以及具有單個應用程序的 Apple iOS 設備。

該應用程序的架構由兩個側面、一個繪圖畫布和一個 360 度視圖組成。 每次用戶添加筆劃時，360 度視圖都會更新並平移到剛剛添加的筆劃的終點。 Windows 上的繪圖畫布使用本機 InkCanvas 控件，這使得收集和渲染墨水變得容易。 在遷移到 Xamarin Forms 時，他需要重寫大部分 C# 和 Xaml 代碼，並且需要找到一些東西來提供墨跡輸入，因為 Xamarin Forms 沒有類似於 InkCanvas 的東西。 他使用 SkiaSharp 創建了一個 InkCanvasView，它處理墨跡輸入和渲染，提供與 UWP InkCanvas 類似的 API 表面，並實現了足夠的 API 表面以支持 Sketch 360 核心場景：

• 繪製和擦除墨水筆劃
• 具有多種顏色和可變厚度的壓敏墨水筆觸
• 支持平移和縮放的虛擬畫布
• 濕筆劃更新以在繪圖時啟用彎曲的指南
• 加載和保存矢量墨跡數據

在 Xamarin Forms 中，他將墨跡序列化為簡單的 JSON 格式，並修改了 Windows 版本，以便能夠在 Windows 墨蹟之外讀取該格式。 這意味著您可以在手機上開始繪製草圖，將 .sketch360 文件保存到 OneDrive，然後在更大的 Surface 設備上再次打開以完成它。

Michael 發現了新的 Xamarin Forms 雙窗格視圖 API 對於雙屏設備，可以輕鬆定義一個從單個窗格流暢地適應到兩個、縱向或橫向的 UI。

Xamarin 表單使創建跨平台移動創意應用程序的過程變得簡單，並且通過 Xamarin Essentials 中的其他工具，他能夠使其像本機應用程序一樣具有功能和性能。 他還能夠使用 Surface 雙核模擬器 手頭沒有物理設備。

360 度視圖是一個 WebView 控件，使用 巴比倫，一個開源的 JavaScript 3D 框架，它有一個 攝影圓頂 API. 他能夠使用 Babylon.JS 的 HTML/JavaScript 代碼，只需對 Windows 版本進行少量修改。

完整的應用程序現在可以在 Google Play 上使用，並且適用於任何現代 Android 設備，但最適用於支持壓力感應筆的設備，如 Surface Duo 和三星 Galaxy Note。

查看應用程序 点击這裡，並閱讀完整的開發過程 在 Microsoft 開發博客上。

[appbox googleplay com.microsoft.garage.sketch360app]