6

を実装しようとして問題が発生しましたが、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の s のスタイルは次のとおりです。

<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が表示され、この境界線を削除する方法が一生わかりません。助言がありますか？

4

1 に答える 1

6

多くの組み込みのWPFコントロールスタイルでは、ControlTemplateをオーバーライドする必要があります。

これは、Menu ControlTemplateを提供するMSDNページであり、その使用方法が説明されています。基本的に、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>
于 2009-10-04T00:40:07.370 に答える