テンプレート10：ハンバーガーメニューと一緒にMasterDetailコントロールを使用

Question

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

Answer 1

ソリューションは、ちょうどDetailsCommandBar

にパディングを追加

と

、とても簡単ですMasterCommandBar

の一部私のcu stom.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>