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>

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

Answer 1

对于许多内置的WPF控件样式，您需要覆盖ControlTemplate。

提供Menu ControlTemplate的

Here is the MSDN page以及如何使用它的说明 - 基本上你是为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>

WPF菜单项边框

1 个答案: