wpf - 画像付きのWPFメニュー項目

Question

MenuItemHeaderテキストがメニュー項目画像の下に配置されるようにMenuItem.Iconを定義する方法？助けてくれてありがとう！

Answer 1

の線に沿ってどのように何か：

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

Answer 2

簡単な方法は、Iconプロパティを使用せず、代わりにヘッダーにアイコンを配置することです。

<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が文字列を表示するために使用するので、<ContentPresenter Content="Reports" />をaに置き換えることができます。<TextBlock Text="Reports" />より複雑なHeader=場合は、次のように使用できますContentPresenter。

Answer 3

StackPanelの場合は、TextBlockではなくLabelを使用します。これは、 Labelのみが_Reportsのようにメニューにニーモニックを含めることができるためです。