Sketch360がMicrosoftSurfaceDuoに登場

2018年、MicrosoftプリンシパルプログラムマネージャーのMichael Scherotterは、Sketch360をMicrosoftStoreにリリースしました。

このアプリを使用すると、Windowsタブレットで360度のパノラマスケッチを簡単に作成できます。

今日、Scherotterは、同じアプリをAndroidに導入し、SurfaceDuo用に特別に拡張するプロセスに関するブログ投稿を公開しました。

彼は、Surface Duoが感圧式のSurfaceペンを独自にサポートし、Windows上のSketch360のXNUMXペインUIと非常によく一致するデュアルスクリーンインターフェイスを備えていたと述べています。

そのため、彼はXamarin.Formsを使用してSketch 360を再構築することを決定しました。これにより、Surface Duo、Samsung Galaxy Noteなどの他のネイティブAndroidデバイス、その他の最新のAndroidデバイス、およびAppleiOSデバイスを単一のアプリでターゲットにできるようになりました。

アプリのアーキテクチャは、描画キャンバスと360ビューの360つの側面で構成されています。 ユーザーがストロークを追加するたびに、360ビューが更新され、追加したストロークの終点にパンします。 Windowsの描画キャンバスは、インクの収集とレンダリングを容易にするネイティブのInkCanvasコントロールを使用していました。 Xamarin Formsに移行する際、彼はC＃およびXamlコードのほとんどを書き直す必要があり、Xamarin Forms用のInkCanvasに類似したものがなかったため、インク入力を提供するものを見つける必要がありました。 彼は、インク入力とレンダリングを処理するSkiaSharpを使用してInkCanvasViewを作成し、UWP InkCanvasと同様のAPIサーフェスを提供するようにツールを作成し、SketchXNUMXコアシナリオをサポートするのに十分な数を実装しました。

• インクストロークの描画と消去
• 複数の色と可変の厚さの感圧インクストローク
• パンとズームをサポートする仮想キャンバス
• 描画中に湾曲したガイドを有効にするウェットストロークの更新
• ベクターインクデータの読み込みと保存

Xamarin Formsで、彼はインクを単純なJSON形式にシリアル化し、Windowsインクに加えてその形式を読み取れるようにWindowsバージョンを変更しました。 これは、携帯電話でスケッチを開始し、.sketch360ファイルをOneDriveに保存し、より大きなSurfaceデバイスで再度開いて完成させることができることを意味します。

Michaelは新しいXamarinフォームを見つけました TwoPaneView API デュアルスクリーンデバイスの場合、単一のペインからXNUMXつ、縦向き、または横向きに流動的に適応するUIを簡単に定義できます。

Xamarinフォームは、クロスプラットフォームのモバイルクリエイティブアプリを作成するプロセスを簡単にし、Xamarin Essentialsの追加ツールを使用して、ネイティブアプリと同じように機能的でパフォーマンスの高いアプリにすることができました。 彼はまた、開発のほとんどを使用して行うことができました SurfaceDuoエミュレーター 物理的なデバイスを手元に置くことなく。

360ビューは、を使用するWebViewコントロールです。 バビロン.JS、オープンソースのJavaScript3Dフレームワーク フォトドーム API。 彼は、Windowsバージョンからの変更をほとんど加えずに、Babylon.JSを使用してHTML / JavaScriptコードを使用することができました。

完成したアプリはGooglePlayで利用できるようになり、最新のAndroidデバイスで動作しますが、SurfaceDuoやSamsungGalaxyNoteなどの感圧ペンをサポートするデバイスで最適に動作します。

アプリをチェックしてください こちら、および完全な開発プロセスについて読む MicrosoftDevBlogで。

[アプリボックス googleplay com.microsoft.garage.sketch360app]