c# - Windows 10 UWP で 2 つのページを 1 つに結合しますか?

Question

Windows 10 アプリを開発しました。ListViewItems を使用したリスト ビューがあります。ユーザーがアイテムをクリックすると、その ListViewItems の詳細が表示される新しいページに移動します。ここで、私のアプリはデスクトップ アプリにも使用する必要があるため、これら 2 つのビューを分割ビュー (左側のアイテム リストと右側のデータ) のような 1 つに結合するにはどうすればよいですか。Skype プレビュー アプリの例。デバイスが横向きモードの場合、左側に連絡先リストが表示され、右側にチャットの詳細が表示されます。アプリで同じことを達成したい。この要件を達成する簡単な方法はありますか、それとも新しい UI を作成する必要がありますか?

Answer 1

公式のマスター/詳細サンプルを参照できます。PC では、ContentPresenterを使用し、そのコンテンツを の選択されたアイテムにバインドしますListView。モバイルでは、ナビゲーションを使用して詳細ページに移動し、選択したアイテムをパラメータとして詳細ページに渡します。

この要件を達成する簡単な方法はありますか、それとも新しい UI を作成する必要がありますか?

レイアウトを変更する必要があると思います。VisualStateManagerを使用して、レイアウトをウィンドウのサイズに合わせて調整できます。