WPF菜单项边框

Question

我在尝试实现一个Menu时遇到了问题，但无法弄清楚发生了什么。 我正在尝试使用Menu控件制作单层菜单。 这是我的菜单代码：

<Menu DockPanel.Dock="Top" Height="22" Name="menu1" VerticalAlignment="Top" Background="#FF325170">
    <MenuItem Header="Featured" Style="{StaticResource menuItemStyle}" />
    <MenuItem Header="Search" Style="{StaticResource menuItemStyle}" />
</Menu>

我的MenuItem的样式如下：

<Style x:Key="menuItemStyle" TargetType="{x:Type MenuItem}">
  <Style.Triggers>
    <Trigger Property="MenuItem.IsMouseOver" Value="true">
      <Setter Property = "Foreground" Value="Red"/>
    </Trigger>
  </Style.Triggers>
</Style>

当我将鼠标悬停在菜单项上时，会出现一个边框，但我无法弄清楚如何删除这个边框。有什么建议吗？

- Chrisc

Answer 1

很多内置的WPF控件样式需要重写ControlTemplate。 这里是MSDN页面提供了菜单ControlTemplate及其使用说明--基本上您需要插入Menu控件的所有样式的本地副本，然后重写默认的控件外观和感觉。

为解决您的问题，您只需插入此样式即可：

<Style x:Key="{x:Type Menu}" TargetType="{x:Type Menu}">
  <Setter Property="OverridesDefaultStyle" Value="True"/>
  <Setter Property="SnapsToDevicePixels" Value="True"/>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type Menu}">
        <!--Here is where you change the border thickness to zero on the menu-->
        <Border BorderThickness="0">
          <StackPanel ClipToBounds="True" Orientation="Horizontal"
                      IsItemsHost="True"/>
        </Border>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

- Guy Starbuck