1. 首頁
  2. 問答
  3. 定製陰影效果不會應用到子菜單

定製陰影效果不會應用到子菜單

2013-01-02 16 views
0

我在XAML中定義的ContextMenu如下：定製陰影效果不會應用到子菜單

<ContextMenu x:Name="deleteContextMenu"> 
    <ContextMenu.BitmapEffect> 
     <DropShadowBitmapEffect Color="#FFB3C7E5" Direction="-60" ShadowDepth="5" Opacity="0.8"/> 
    </ContextMenu.BitmapEffect> 

    <MenuItem Header="Delete" Click="DeleteMenuItem_Click" Name="DeleteMenuItem" Background="{StaticResource ContextMenuBrush}"> 
     <MenuItem Header="DeleteChild" Name="DeleteMenuItem2" Background="{StaticResource ContextMenuBrush}"> 
     </MenuItem> 
    </MenuItem> 
</ContextMenu>

我定製DropShadow被應用到主ContextMenu彈出，但是當我點擊MenuItem中，子菜單彈出仍然具有可怕的默認陰影，與我的配色方案看起來非常不合適。我如何強制所有子菜單具有相同的自定義DropShadow效果？

UPDATE:

如果我砍了MenuItem可視樹在右鍵菜單彈出正是如此：

StackPanel menuStackPanel = VisualTreeHelper.GetParent(menuItem as DependencyObject) as StackPanel; 
Border border = VisualTreeHelper.GetParent(menuStackPanel) as Border; 
border.Background = Brushes.Red;

我可以控制主彈出的顏色。

對於子菜單彈出式菜單中的子菜單項，不存在由可視化樹幫助程序返回的任何類型的父項。

來源

2013-01-02 Franchesca

+0

其實，即使設置HasDropShadow = false時才設法從主彈出移除陰影，子菜單保留了它的身影。 – Franchesca

回答

2

我有一個哈克建議：

<ContextMenu x:Name="deleteContextMenu"> 
     <ContextMenu.BitmapEffect> 
      <DropShadowBitmapEffect Color="#FFB3C7E5" Direction="-60" ShadowDepth="5" Opacity="0.8"/> 
     </ContextMenu.BitmapEffect> 
     <ContextMenu.Resources> 
      <Style TargetType="{x:Type PopupRoot}"> 
       <Setter Property="BitmapEffect"> 
        <Setter.Value> 
         <DropShadowBitmapEffect Color="#FFB3C7E5" Direction="-60" ShadowDepth="5" Opacity="0.8"/> 
        </Setter.Value> 
       </Setter> 
      </Style> 
     </ContextMenu.Resources> 

     <MenuItem Header="Delete" Name="DeleteMenuItem" Background="White" UsesItemContainerTemplate="True"> 
      <MenuItem Header="DeleteChild" Name="DeleteMenuItem2" Background="White" UsesItemContainerTemplate="True"> 
      </MenuItem> 
     </MenuItem> 
    </ContextMenu>

一個MenuItem的子項都顯示在一個Popup（可以看出MenuItem ControlTemplate Example多虧了這一點，並探聽風格<Style TargetType="{x:Type PopupRoot}">應適用對子項的影子

B計劃：

您需要將PresentationFramework.Classic（或另一個Aero等）程序集添加到項目中。

xmlns:mwt="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Classic 

    <ControlTemplate TargetType="MenuItem" x:Key="miTest"> 
     <Grid SnapsToDevicePixels="True"> 
      <Rectangle RadiusX="2" RadiusY="2" Fill="{TemplateBinding Panel.Background}" Stroke="{TemplateBinding Border.BorderBrush}" StrokeThickness="1" Name="Bg" /> 
      <Rectangle RadiusX="2" RadiusY="2" Stroke="#00FFFFFF" StrokeThickness="1" Name="InnerBorder" Margin="1,1,1,1" /> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="Auto" MinWidth="24" SharedSizeGroup="MenuItemIconColumnGroup" /> 
        <ColumnDefinition Width="4" /> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="37" /> 
        <ColumnDefinition Width="Auto" SharedSizeGroup="MenuItemIGTColumnGroup" /> 
        <ColumnDefinition Width="17" /> 
       </Grid.ColumnDefinitions> 
       <ContentPresenter Content="{TemplateBinding MenuItem.Icon}" ContentSource="Icon" Name="Icon" Margin="1,1,1,1" VerticalAlignment="Center" SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" /> 
       <Border BorderThickness="1,1,1,1" CornerRadius="3,3,3,3" BorderBrush="#FFCDD3E6" Background="#FFE6EFF4" Name="GlyphPanel" Width="22" Height="22" Margin="1,1,1,1" Visibility="Hidden"> 
        <Path Data="M0,5.1L1.7,5.2 3.4,7.1 8,0.4 9.2,0 3.3,10.8z" Fill="#FF0C12A1" Name="Glyph" Width="9" Height="11" FlowDirection="LeftToRight" /> 
       </Border> 
       <ContentPresenter RecognizesAccessKey="True" Content="{TemplateBinding HeaderedContentControl.Header}" ContentTemplate="{TemplateBinding HeaderedContentControl.HeaderTemplate}" ContentStringFormat="{TemplateBinding HeaderedItemsControl.HeaderStringFormat}" ContentSource="Header" Margin="{TemplateBinding Control.Padding}" SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" Grid.Column="2" /> 
       <TextBlock Text="{TemplateBinding MenuItem.InputGestureText}" Margin="{TemplateBinding Control.Padding}" Visibility="Collapsed" Grid.Column="4" /> 
       <Path Data="M0,0L4,3.5 0,7z" Fill="{TemplateBinding TextElement.Foreground}" Margin="4,0,0,0" VerticalAlignment="Center" Grid.Column="5" /> 
      </Grid> 
      <Popup IsOpen="{TemplateBinding IsSubmenuOpen}" Placement="Right" HorizontalOffset="-2" VerticalOffset="-3" PopupAnimation="{DynamicResource {x:Static SystemParameters.MenuPopupAnimationKey}}" AllowsTransparency="True" Name="PART_Popup" Focusable="False"> 
       <mwt:SystemDropShadowChrome Color="#00FFFFFF" Name="Shdw"> 
        <mwt:SystemDropShadowChrome.BitmapEffect> 
         <DropShadowBitmapEffect Color="#FFB3C7E5" Direction="-60" ShadowDepth="5" Opacity="0.8"/> 
        </mwt:SystemDropShadowChrome.BitmapEffect> 
        <Border BorderThickness="1,1,1,1" BorderBrush="#FF959595" Background="#FFF5F5F5" Name="SubMenuBorder"> 
         <ScrollViewer Style="{DynamicResource {ComponentResourceKey TypeInTargetAssembly=FrameworkElement, ResourceId=MenuScrollViewer}}" Name="SubMenuScrollViewer" Margin="1,0,1,0"> 
          <Grid RenderOptions.ClearTypeHint="Enabled"> 
           <Canvas Width="0" Height="0" HorizontalAlignment="Left" VerticalAlignment="Top"> 
            <Rectangle Fill="#FFF5F5F5" Name="OpaqueRect" Width="Auto" Height="Auto" /> 
           </Canvas> 
           <Rectangle RadiusX="2" RadiusY="2" Fill="#FFF1F1F1" Width="28" Margin="1,2,1,2" HorizontalAlignment="Left" /> 
           <Rectangle Fill="#FFE2E3E3" Width="1" Margin="29,2,0,2" HorizontalAlignment="Left" /> 
           <Rectangle Fill="#FFFFFFFF" Width="1" Margin="30,2,0,2" HorizontalAlignment="Left" /> 
           <ItemsPresenter Name="ItemsPresenter" Margin="2,2,2,2" SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" KeyboardNavigation.TabNavigation="Cycle" KeyboardNavigation.DirectionalNavigation="Cycle" Grid.IsSharedSizeScope="True" /> 
          </Grid> 
         </ScrollViewer> 
        </Border> 
       </mwt:SystemDropShadowChrome> 
      </Popup> 
     </Grid> 
     <ControlTemplate.Triggers> 
      <Trigger Property="MenuItem.IsSuspendingPopupAnimation" Value="True"> 
       <Setter Property="Popup.PopupAnimation" TargetName="PART_Popup" Value="None" /> 
      </Trigger> 
      <Trigger Property="MenuItem.IsHighlighted" Value="True"> 
       <Setter Property="Shape.Stroke" TargetName="InnerBorder" Value="#D1DBF4FF" /> 
      </Trigger> 
      <Trigger Property="MenuItem.Icon" Value="{x:Null}"> 
       <Setter Property="UIElement.Visibility" TargetName="Icon" Value="Collapsed" /> 
      </Trigger> 
      <Trigger Property="MenuItem.IsChecked" Value="True"> 
       <Setter Property="UIElement.Visibility" TargetName="GlyphPanel" Value="Visible" /> 
       <Setter Property="UIElement.Visibility" TargetName="Icon" Value="Collapsed" /> 
      </Trigger> 
      <Trigger Property="Popup.HasDropShadow" SourceName="PART_Popup" Value="True"> 
       <Setter Property="FrameworkElement.Margin" TargetName="Shdw" Value="0,0,5,5" /> 
       <Setter Property="mwt:SystemDropShadowChrome.Color" TargetName="Shdw" Value="#71000000" /> 
      </Trigger> 
      <Trigger Property="MenuItem.IsHighlighted" Value="True"> 
       <Setter Property="Shape.Fill" TargetName="Bg"> 
        <Setter.Value> 
         <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> 
          <LinearGradientBrush.GradientStops> 
           <GradientStop Color="#34C5EBFF" Offset="0" /> 
           <GradientStop Color="#3481D8FF" Offset="1" /> 
          </LinearGradientBrush.GradientStops> 
         </LinearGradientBrush> 
        </Setter.Value> 
       </Setter> 
       <Setter Property="Shape.Stroke" TargetName="Bg" Value="#8571CBF1" /> 
      </Trigger> 
      <Trigger Property="UIElement.IsEnabled" Value="False"> 
       <Setter Property="TextElement.Foreground" Value="#FF9A9A9A" /> 
       <Setter Property="Panel.Background" TargetName="GlyphPanel" Value="#FFEEE9E9" /> 
       <Setter Property="Border.BorderBrush" TargetName="GlyphPanel" Value="#FFDBD6D6" /> 
       <Setter Property="Shape.Fill" TargetName="Glyph" Value="#FF848589" /> 
      </Trigger> 
      <Trigger Property="ScrollViewer.CanContentScroll" SourceName="SubMenuScrollViewer" Value="False"> 
       <Setter Property="Canvas.Top" TargetName="OpaqueRect" Value="{Binding Path=VerticalOffset, ElementName=SubMenuScrollViewer}" /> 
       <Setter Property="Canvas.Left" TargetName="OpaqueRect"> 
        <Setter.Value> 
         <Binding Path="HorizontalOffset" ElementName="SubMenuScrollViewer" /> 
        </Setter.Value> 
       </Setter> 
      </Trigger> 
     </ControlTemplate.Triggers> 
    </ControlTemplate>

用法：

<ContextMenu x:Name="deleteContextMenu"> 
     <ContextMenu.BitmapEffect> 
      <DropShadowBitmapEffect Color="#FFB3C7E5" Direction="-60" ShadowDepth="5" Opacity="0.8"/> 
     </ContextMenu.BitmapEffect> 

     <MenuItem Header="Delete" Name="DeleteMenuItem" Background="White" Template="{StaticResource miTest}"> 
      <MenuItem Header="DeleteChild" Name="DeleteMenuItem2" Background="White" Template="{StaticResource miTest}"> 
       <MenuItem Header="DeleteChild" Name="DeleteMenuItem3" Background="White" Template="{StaticResource miTest}"> 
       </MenuItem> 
      </MenuItem> 
     </MenuItem> 
    </ContextMenu>

來源

2013-01-02 13:01:41 ShadeOfGrey

+0

我喜歡你的想法，但它不會讓我使用xaml中的popuproot類型：在標記中只能使用公共或內部類。 'PopupRoot'類型不是公開的或內部的。 – Franchesca

+0

我想我需要完全拋棄上下文菜單，只需使用彈出控件來實現所需的行爲。感謝您的靈感：D – Franchesca

+0

代碼與Kaxaml一起工作，我沒有打擾檢查VisualStudio :(。我想我可以嘗試通過稍後重寫MenuItem模板來獲得相同的結果 – ShadeOfGrey

0

您需要爲子菜單設置Style。這是一個MSDN示例。顯然，只需要你需要的代碼。

http://msdn.microsoft.com/en-us/library/ms744758%28v=vs.85%29.aspx

來源

2013-01-02 11:57:38 JosephGarrone

+0

感謝您的快速響應！我完全按照msdn鏈接中的示例嘗試了樣式。我在主要的上下文菜單中看到的圓角與預期的相同，但是相同的樣式仍未應用於子彈出窗口。它看起來好像將樣式應用到子菜單時存在一些錯誤/問題。 – Franchesca

相關問題

 相關問題