Estilo ContextMenu predeterminado - WPF

Question

Estoy intentando modificar el estilo predeterminado de ContextMenu en WPF.

Normalmente, puede crear una copia del valor predeterminado en Expression Blend utilizando la opción de Editar partes de control (Plantilla)> Editar una copia. Sin embargo, no puedo encontrar la forma de hacerlo con un ContextMenu. ¿Alguna idea de cómo puedo obtener el estilo predeterminado para modificar?

Estoy tratando de desactivar el lado izquierdo del menú contextual donde los iconos se muestran normalmente.

Gracias!

Actualización: Quizás no estaba claro sobre la eliminación de los iconos. Por ejemplo, si tiene un menú contextual sin iconos, todo el lado izquierdo del menú es espacio desperdiciado. Me gustaría modificar el estilo predeterminado del fondo del menú contextual para eliminar esto. Simplemente no sé cómo acceder a este estilo predeterminado.

Answer 1

Para las plantillas y estilos que no son accesibles a través de la interfaz de expresión (como la plantilla ContextMenu), puede utilizar el siguiente código para extraer la plantilla:

Dim sb As System.Text.StringBuilder = New System.Text.StringBuilder 
Using Writer As TextWriter = New StringWriter(sb) 
    System.Windows.Markup.XamlWriter.Save(ContextMenu.Template, Writer) 
End Using 
Debug.Write(sb.ToString) 

O en C#

var str = new StringBuilder(); 
using (var writer = new StringWriter(str)) 
    XamlWriter.Save(ContextMenu.Template, writer); 
Debug.Write(str); 

Answer 2

En realidad, el espacio no es parte del ContextMenu, es parte de MenuItem. Así que simplemente arrastre un MenuItem a su ventana en la expresión blend y cree una copia del control. Esperamos que su declaración ContextMenu es el siguiente

<ContextMenu > 
    <MenuItem Header="Copy"/> 
    <MenuItem Header="Paste"/> 
    <MenuItem Header="Clear"/> 
</ContextMenu> 

Y dentro de su Menultem ControlTemplate se puede ver el espacio como abajo. Por lo tanto, elimine el ícono y la primera columna de la cuadrícula que marqué en la captura de pantalla.

Answer 3

El espacio extra en la parte izquierda se debe a la pequeña marca de verificación que aparece cuando se establece IsCheckable y IsChecked a true en MenuItem.

La marca de verificación está en la plantilla para MenuItem, por lo que si edita eso, puede sacarlo.

Answer 4

he encontrado la manera fácil de hacer que la plantilla ContextMenu Blend:

1. he añadido un ContextMenu a un butto n con algunos elementos de menú.
2. En "Miscellaneous" en el panel de propiedades, hay un elemento agrupado para ContextMenu.
3. Abrir esto. Encontrarás las propiedades de Estilo y Plantilla usuales.
4. Haga clic en el cuadrado para el menú emergente y seleccione Convertir en Nuevo recurso ...

Eso es todo. Elija dónde desea que se coloque la plantilla o el estilo, y listo.

Aquí está el margen de beneficio que tenía:

<StackPanel x:Name="LayoutRoot"> 
    <Button Content="Click for ContextMenu" Width="30" HorizontalAlignment="Center" VerticalAlignment="Center"> 
     <Button.ContextMenu> 
      <ContextMenu Template="{DynamicResource ContextMenuControlTemplate1}" Style="{DynamicResource ContextMenuStyle1}"> 
       <MenuItem Header="File"/> 
       <MenuItem Header="Edit"/> 
       <MenuItem Header="View"/> 
       <MenuItem Header="Recent Files"/> 
        <MenuItem Header="file1.txt"/> 
        <MenuItem Header="file2.txt"/> 
      </ContextMenu> 
     </Button.ContextMenu> 
    </Button> 
</StackPanel> 

Y el estilo/plantilla que tengo:

<Style x:Key="ContextMenuStyle1" TargetType="{x:Type ContextMenu}"> 
    <Setter Property="Background" Value="{DynamicResource MenuBackgroundBrush}"/> 
    <Setter Property="BorderThickness" Value="1"/> 
    <Setter Property="BorderBrush" Value="{DynamicResource WindowBorderBrush}"/> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type ContextMenu}"> 
       <Border Uid="Border_93"> 
        <Border.Style> 
         <Style TargetType="{x:Type Border}"> 
          <Setter Property="Tag" Value="{DynamicResource {x:Static SystemParameters.DropShadowKey}}"/> 
          <Style.Triggers> 
           <DataTrigger Binding="{Binding Tag, RelativeSource={RelativeSource Self}}" Value="True"> 
            <Setter Property="Background" Value="Transparent"/> 
            <Setter Property="Padding" Value="0,0,5,5"/> 
            <Setter Property="Effect"> 
             <Setter.Value> 
              <DropShadowEffect BlurRadius="4" Opacity="0.8" ShadowDepth="1"/> 
             </Setter.Value> 
            </Setter> 
           </DataTrigger> 
          </Style.Triggers> 
         </Style> 
        </Border.Style> 
       </Border> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

Espero que esto ayude. En la meticulosidad habitual de MS, no se encuentran los pinceles en el estilo predeterminado. :)

Answer 5

Pruebe esto: (Ponga este código en su parte de Recursos de su XAML) Esto debería eliminar la franja de icono del menú contextual.

<Style TargetType="{x:Type ContextMenu}"> 
    <Setter Property="OverridesDefaultStyle" Value="True" /> 
    <Setter Property="SnapsToDevicePixels" Value="True" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type ContextMenu}"> 
       <Border BorderThickness="1" CornerRadius="4" BorderBrush="Black" x:Name="Border" Background="White"> 
        <StackPanel ClipToBounds="True" Orientation="Vertical" IsItemsHost="True" /> 
       </Border> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsMouseOver" Value="true"> 
         <Setter TargetName="Border" Property="Background" Value="White" /> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>