xaml - テンプレート 10:MasterDetail コントロールをハンバーガー メニューと共に使用する

Question

Template10 Samples プロジェクトの MasterDetail コントロール (2. アプローチ) を単純な Template10 ハンバーガー メニュー アプリケーションに含めました。正常に動作していますが、VisualStateNarrowではMasterCommandBarContent がハンバーガー メニュー ボタンの後ろに表示されます。また、ボタンがハンバーガーメニューボタンの後ろにあるため、詳細ビューの戻るボタンも「表示」されません。まさにこの時、マスターページの横に詳細ページが表示され、ヘッダーコンテンツが正しい方法で表示されます。もちろん、この動作は、「通常の」PageHeader コントロールを持つ別のページでは発生しません。この問題を修正するためのこの xaml コードが見つかりません。いくつかのヒントをありがとう

Answer 1

解決策はとても簡単です。パディングを追加するだけです

詳細コマンド バー

と

マスターコマンド バー

ここに私の custom.xaml ファイルの一部があります:

    <Style TargetType="localControls:MasterDetailsView">
      <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="localControls:MasterDetailsView">
                <Border
                    x:Name="ControlRoot"
                    Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition x:Name="CommandBarRow" Height="Auto" />
                            <RowDefinition x:Name="ContentRow" Height="*" />
                            <RowDefinition x:Name="MobileCommandBarRow" Height="0" />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition x:Name="MasterPane" Width="{Binding MasterPaneWidth, RelativeSource={RelativeSource TemplatedParent}}" />
                            <ColumnDefinition x:Name="DetailsPane" Width="*" />
                        </Grid.ColumnDefinitions>
                        <CommandBar
                            x:Name="DetailsCommandBar"
                            Grid.Row="0"
                            Grid.Column="1"
                            Padding="48,0,0,0">
                          <CommandBar.Content>
                          </CommandBar.Content>
                        </CommandBar>
                        <CommandBar
                            x:Name="MasterCommandBar"
                            Grid.Row="0"
                            Grid.Column="0"
                            Padding="48,0,0,0">
                            <CommandBar.Content>
                            </CommandBar.Content>
                        </CommandBar>
                    </Grid>
                </Border>
            </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>