UWP SplitView CommandBarコンテンツバインディング

Question

私のアプリではSplitViewがあり、各ページのコンテンツをFrameとして設定しています。各ページには独自のCommandBarが含まれています。これは問題なく動作します。今私は、モバイルビューのVisualStatesを作成しています。私は閉じた状態（インライン）でPlitViewを非表示にしたい。しかし、今、私は "HamburgerButton"（私の場合はRadioButton）だけをインラインSplitViewを開くために、上に追加する方法が必要です。私はそれもやったが、 "HamburgerButton"はCommandBarの各ページのテキストと重なっている。ですから、最良の解決策は、私のSplitViewがあるMainPageにCommandBarを1つだけ作成し、コンテンツをバインドするか、各ページのCommandBarを作成することですか？

お礼

Answer 1

メインページにCommandBarを1つ作成し、コンテンツをバインドするにはさらに多くの作業が必要になると思います。プライマリボタンとセカンダリボタンをバインドする必要があるかもしれないことを忘れないでください。

各ページでCommandBarを使用し、MainPageで1つのHamburgerMenuを使用する場合は、この方法を試すことができます。

1. CommandBarが占有するグリッドに別の最上位の行を作成します。
2. "HamburgerButton"と同じ幅の透過的なRectangleをCommandBarと共に水平に積み上げ、上記の作成された行に配置します。
3. PhoneでトリガするVisualStateを作成し、それに応じてRectangleの表示を設定して、CommandBarを右に移動します。

Template10 PageHeader Control（特に「VisualStateNarrow」と「スペーサー」を検索）をご覧ください。これらの定型コードを開発することについて特に気にしない場合は、Template10をチェックしてください。それはコミュニティによって開発された多くの有益なコントロールを持っています。もしあなたがすでにこれについて知っていたら、私を許してください。

Answer 2

Page Topバーを作成し、MainPageでsplitviewを使用することができます。