模板10：將MasterDetail控件與漢堡包菜單一起使用

我將Template10 Samples項目的MasterDetail控件（2.方法）包含到一個簡單的Template10漢堡菜單應用程序中。它工作正常，但在VisualStateNarrow MasterCommandBarContent將顯示在漢堡菜單按鈕後面。此外，詳細視圖中的後退按鈕也不會「可見」，因爲按鈕也位於漢堡菜單按鈕後面。恰恰在這個時候，詳細頁面會顯示在母版頁的旁邊，標題內容將以正確的方式顯示。當然，這種行爲不會發生在具有「普通」PageHeader控件的另一個頁面上。我無法找到這片xaml代碼來解決這個問題。感謝一些提示模板10：將MasterDetail控件與漢堡包菜單一起使用

來源

2016-06-23 schloempe

解決方案是如此簡單，只需添加填充到

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>

來源

2016-06-26 15:12:46 schloempe

模板10：將MasterDetail控件與漢堡包菜單一起使用

回答

相關問題