TwoPaneView

Windows 10 SDK Insider Preview で利用できる TwoPaneView コントロールと Windows UI ライブラリ を使用して、WinUI ベースのアプリを作成します。

コントロールは、コンテンツに合わせて最初のビューをサイズ設定し、2 番目のビューで残りの領域を塗りつぶすことで機能します。

TwoPaneView default sizes illustrated

デュアルスクリーン デバイスでは、2 つのウィンドウがそれぞれ画面に合うように自動的に調整され、その間にヒンジが付きます。

クロスプラットフォーム TwoPaneView コントロール

TwoPaneView コントロールを使用して、アプリを Windows と Android (Surface Duo の場合) の両方で実行できるようにする複数のクロスプラットフォーム ソリューションがあります。

  • Xamarin - Xamarin.Forms で使用できる TwoPaneView コントロールを使用すると、Windowsと Surface Duo などのデュアルスクリーン デバイスを対象とするアプリを構築できます。
  • React Native - React Native TwoPaneView は、JavaScript または TypeScript を使用してクロスプラットフォームのデュアルスクリーン エクスペリエンスを構築するのに役立ちます。
  • Uno Platform - Uno プラットフォームの使用を開始するには、このブログ投稿を参照してください。 Uno Platform では、UWP と WinUI の開発者が使用できる同じ TwoPaneView コントロールがサポートされており、Windowsと Surface Duo の両方で実行できます。