如何设置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

您可以在RibbonMenuItem的资源中为RibbonSplitButton创建样式，并设置相应的属性。

<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>

结果：