c# - WPF动态菜单中的图标错位

Question

我正在尝试在 WPF 中创建一个动态菜单。下面的代码工作正常，但问题是它没有在左侧显示图标图像，而是在标题部分显示。这是我的 XAML 代码

<Window x:Class="DynamicMenu.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"          
         xmlns:vm="clr-namespace:DynamicMenu.MenuItemViewModels"
        xmlns:local="clr-namespace:DynamicMenu"      
        mc:Ignorable="d"       
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <StackPanel>
            <Menu>
                <MenuItem ItemsSource="{Binding Path=ChildMenuItems}" Header="Menu" >
                    <MenuItem.Resources>
                        <HierarchicalDataTemplate DataType="{x:Type vm:MenuItemViewModel}"                                              ItemsSource="{Binding ChildMenuItems}">
                            <MenuItem Header="{Binding Path=Header}" >
                                <MenuItem.Icon>
                                    <Image Source="{Binding IconFileName}" Height="16" />
                                </MenuItem.Icon>
                            </MenuItem>
                        </HierarchicalDataTemplate>
                    </MenuItem.Resources>
                </MenuItem>
            </Menu>
        </StackPanel>
    </Grid>       
</Window>

现在，它看起来如下所示。但我想在左侧显示图标。