带图像的WPF菜单项

Question

如何定义MenuItem.Icon以便将MenuItemHeader文本放在菜单项图像下面？感谢您的帮助!

Answer 1

怎么样的事情:

<ContextMenu>
    <MenuItem Header="Reports">
        <MenuItem.Icon>
            <Image Source="/XSoftArt.WPFengine;component/Images/export32x32xp.png"/>
        </MenuItem.Icon>
    </MenuItem>
</ContextMenu>

Answer 2

简单的方法是不使用Icon属性,而是将图标放在Header中:

<Menu>
  <MenuItem>
    <MenuItem.Header>
      <StackPanel>
        <Image Width="20" Height="20" Source="/XSoftArt.WPFengine;component/Images/export32x32xp.png" />
        <ContentPresenter Content="Reports" />
      </StackPanel>
    </MenuItem.Header>
  </MenuItem>
  <MenuItem Header="Export" />
  <MenuItem Header="New record" />
</Menu>

对于这个简单的情况,<ContentPresenter Content="Reports" />可以用a代替,<TextBlock Text="Reports" />因为这就是ContentPresenter用来呈现字符串的东西.对于更复杂的Header=,您可以使用ContentPresenter如图所示.