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

Question

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

よろしくお願いします

Answer 1

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

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

1. CommandBar が占有するために、Grid に別の一番上の行を作成します。
2. 「HamburgerButton」と同じ幅の透明な Rectangle を CommandBar と一緒に水平に積み上げ、上で作成した行に配置します。
3. Phone でトリガーする VisualStates を作成し、それに応じて Rectangle の可視性を設定して CommandBar を右にシフトします。

Template10 PageHeader Controlを確認してください(特に「VisualStateNarrow」と「Spacer」を検索してください)。これらの定型コードを自分で開発することにこだわらない場合は、Template10を確認してください。コミュニティによって開発された多くの便利なコントロールがあります。既にご存知でしたらご容赦ください。

Answer 2

Page TOP バーを作成し、MainPage で分割ビューを使用できます。