如何風格RibbonSplitButton的ItemTemplate

Question

我有一個的ItemSource並以這種方式定義一個ItemTemplate一個RibbonSpitButton：

<RibbonSplitButton x:Name="SplitButton3DViews" 
            ItemsSource="{Binding items}" 
            Label="{String Views3D}" 
            IsCheckable="False"> 
    <RibbonSplitButton.ItemTemplate> 
     <DataTemplate> 
      <RibbonMenuItem Header="{Binding Name}" ImageSource="{Binding Icon}" Command="{Binding cmd}"/> 
     </DataTemplate> 
    </RibbonSplitButton.ItemTemplate> 
</RibbonSplitButton> 

Everithing作品，但圖形結果是這樣的：

我怎樣才能把圖標在適當位置的子項目（在菜單的藍色部分）？

Answer 1

您可以在RibbonSplitButton的資源中創建RibbonMenuItem的樣式，並設置適當的屬性。

<ribbon:RibbonSplitButton x:Name="SplitButton3DViews" 
       ItemsSource="{Binding items}" 
       Label="Views3D" 
       IsCheckable="False" > 
    <ribbon:RibbonSplitButton.Resources> 
     <Style TargetType="{x:Type ribbon:RibbonMenuItem}"> 
      <Setter Property="Header" Value="{Binding Path=Name}" /> 
      <Setter Property="Command" Value="{Binding Path=cmd}" /> 
      <Setter Property="ImageSource" Value="{Binding Icon}" /> 
     </Style> 
    </ribbon:RibbonSplitButton.Resources>       
</ribbon:RibbonSplitButton> 

結果：