UWPアプリケーションにRelativePanelを使用する有効な方法

Question

私はUWPアプリケーションを作成しています。私のアプリケーションには、すべてのメールのリストを持つListviewがあるデフォルトのMail Appのような構造が必要です。それの右側に開きます。

私はRelativePanelについて読み、私のアプリでは、それは以下の、今のところかなりうまく機能することを使用しようとしたが、私が使用していますXAMLです：タブレット/ PC用

<RelativePanel Grid.Row="1"> 

     <Frame x:Name="listFrame" 
       Width="600" 
       Height="500"/> 

     <Frame x:Name="contentFrame" 
       RelativePanel.RightOf="listFrame" 
       Width="600" 
       Height="500" /> 


    </RelativePanel> 

それがうまく機能してたときにIモバイルビューで開くと、contentFrameを下部に置くことで自動的に適応しますが、私はモバイルビューでこれを使用する必要がありますか？ユーザーがモバイルビューでコンテンツを表示できないようにする必要があるため、contentFrameを維持することは意味をなさないため、ユーザーはアイテムをクリックしてコンテンツビューのみが表示され、リストビューはメールアプリケーションと同様に崩壊します。

どのように進むべきかわからないのですが、PCとモバイル用の別のUIを作成する必要がありますか、またはSDKで使用できるベーキングがありますか？

私はUWPに新しいので、私が行くことができる多くのオプションを知らなかった。

Answer 1

探しているものを「マスター詳細」といいます。

窓-ユニバーサル・サンプルgitのレポでそのためのサンプルがあります - >Master/Detail sample

は、サンプルをダウンロードし、それを実行し、コードに見てみましょう。私はそれが良い出発点だと思う。

Answer 2

マルチデバイスのマルチビューを処理するオプションは多数あります。

• 各デバイスファミリの差分ビュー（XAMLファイル）を作成します。デバイスファミリ間でxamlが大幅に変更された場合に使用します。

• 使用適応トリガー要素が初期化されませんので、あなたは、トリガーからの視認性を変更するまで

• は、デバイス・ファミリを確認し、より良い性能を持っているx:DeferLoadStrategy="Lazy"でそれを使用し、可視性または再流れあなたのXAMLを変更するにはコードの背後にあり、それに応じて反応してください。