XAML重構 - 如何提取常見標記

Question

我在這個問題的最後粘貼了一些xaml。它來自我的項目中的資源文件。

HierarchicalDataTemplate和DataTemplate共享完全相同的結構。有沒有辦法提取公共部分並引用它？

<HierarchicalDataTemplate DataType="{x:Type local:ChapterViewModel}" 
          x:Key="ChapterOutcomesTemplate" 
          ItemsSource="{Binding Path=Chapter.Outcomes}" 
          ItemTemplate="{StaticResource AssignedOutcomeTemplate}"> 
    <StackPanel Orientation="Horizontal"> 
     <Image Height="16" 
      Width="16" 
      Margin="0,0,0,0" 
      RenderOptions.BitmapScalingMode="NearestNeighbor" 
      SnapsToDevicePixels="True" 
      Source="{Binding Source={x:Static images:DocumentImages.Outcomes}}" 
      Visibility="{Binding IsOutcomesAssigned, Converter={StaticResource BooleanToVisibility}, Mode=OneWay}" 
        /> 
     <Image Height="16" 
      Width="16" 
      RenderOptions.BitmapScalingMode="NearestNeighbor" 
      SnapsToDevicePixels="True" 
      Margin="5,0,0,0" 
      Source="{Binding Source={x:Static images:DocumentImages.Chapter}}" 
        /> 
     <TextBlock Text="{Binding Chapter.Name}" 
      Margin="5,0,0,0" /> 
    </StackPanel> 
</HierarchicalDataTemplate> 
<DataTemplate x:Key="ItemTemplate"> 
    <StackPanel Orientation="Horizontal"> 
     <Image Height="16" 
      Width="16" 
      Margin="0,0,0,0" 
      RenderOptions.BitmapScalingMode="NearestNeighbor" 
      SnapsToDevicePixels="True" 
      Source="{Binding Source={x:Static images:DocumentImages.Outcomes}}" 
      Visibility="{Binding IsOutcomesAssigned, Converter={StaticResource BooleanToVisibility}, Mode=OneWay}" /> 
     <Image Height="16" 
      Width="16" 
      RenderOptions.BitmapScalingMode="NearestNeighbor" 
      SnapsToDevicePixels="True" 
      Margin="5,0,0,0" 
      Source="{Binding Source={x:Static images:DocumentImages.Chapter}}" /> 
     <TextBlock Text="{Binding Chapter.Name}" 
      Margin="5,0,0,0" /> 
    </StackPanel> 

</DataTemplate> 

Answer 1

是的，你可以。定義應該作爲控制模板共享的內容，然後在兩個模板中使用它：

<!-- New control template --> 
<ControlTemplate x:Key="ChapterAndItemTemplate"> 
    <StackPanel Orientation="Horizontal"> 
    <Image Height="16" Width="16" Margin="0" 
      RenderOptions.BitmapScalingMode="NearestNeighbor" 
      SnapsToDevicePixels="True" 
      Source="{Binding Source={x:Static images:DocumentImages.Outcomes}}" 
      Visibility="{Binding IsOutcomesAssigned, Converter={StaticResource BooleanToVisibility}, Mode=OneWay}" /> 
    <Image Height="16" Width="16" Margin="5,0,0,0" 
      RenderOptions.BitmapScalingMode="NearestNeighbor" 
      SnapsToDevicePixels="True" 
      Source="{Binding Source={x:Static images:DocumentImages.Chapter}}" /> 
    <TextBlock Text="{Binding Chapter.Name}" Margin="5,0,0,0" /> 
    </StackPanel> 
</ControlTemplate> 

<HierarchicalDataTemplate DataType="{x:Type local:ChapterViewModel}" 
          x:Key="ChapterOutcomesTemplate" 
          ItemsSource="{Binding Path=Chapter.Outcomes}" 
          ItemTemplate="{StaticResource AssignedOutcomeTemplate}"> 
    <!-- Used here... --> 
    <Control Template="{StaticResource ChapterAndItemTemplate}" /> 
</HierarchicalDataTemplate> 

<DataTemplate x:Key="ItemTemplate"> 
    <!-- ...and here --> 
    <Control Template="{StaticResource ChapterAndItemTemplate}" /> 
</DataTemplate>