Par défaut ContextMenu Style - WPF

Je suis en train de modifier le style par défaut de la ContextMenu en WPF.

Normalement, vous pouvez créer une copie de la valeur par défaut dans Expression Blend à l'aide de l'Edit de Contrôle des Pièces (Modèle) > Modifier une Copie du menu option. Cependant, je ne peux pas savoir comment faire avec un ContextMenu. Une idée de comment je peux obtenir le style par défaut à modifier?

Je suis en train d'essayer de désactiver le côté gauche du menu de contexte où les icônes sont généralement affichés.

Merci!

Mise à jour: Peut-être que je n'était pas clair à propos de la suppression d'icônes. Par exemple, si vous avez un menu contextuel avec pas d'icônes puis tout le côté gauche du menu est de l'espace perdu. Je voudrais modifier le style par défaut du menu de contexte d'arrière-plan pour supprimer cette. Simplement je ne sais pas comment accéder à ce style par défaut.

Luc, avez-vous résolu ce problème? Je suis un peu confus par toutes ces différentes idées ci-dessous. Merci pour tout conseil!
Oui, j'ai utilisé la réponse ci-dessous pour obtenir le modèle et l'a modifié à partir de là.

OriginalL'auteur Luke | 2009-03-13

10

De certains modèles et de styles qui ne sont pas accessibles par le biais de l'Expression de l'Interface (comme le ContextMenu modèle) vous pouvez utiliser le code suivant pour extraire le modèle:
```
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)
```
Ou en C#
```
var str = new StringBuilder();
using (var writer = new StringWriter(str))
    XamlWriter.Save(ContextMenu.Template, writer);
Debug.Write(str);
```
Veuillez noter qu'afin d'obtenir un modèle dans un ContextMenu, vous devez avoir au moins ajouter un MenuItem sa collection d'Éléments. Sinon, le ContextMenu.Modèle est null.
J'aime Débordement de la Pile. Merci beaucoup pour ces réponses, exactement ce dont j'avais besoin.

OriginalL'auteur Luke

J'ai trouvé le moyen facile d'obtenir le ContextMenu modèle dans le Mélange:

J'ai ajouté un ContextMenu à un bouton avec certains menuitems.
Sous "divers" dans le volet propriétés, il y a un groupement d'élément pour ContextMenu.
Ouvrir cette. Vous trouverez le Style habituel et propriétés du Modèle.
Cliquez sur le carré pour le menu contextuel, et sélectionnez Convertir à de Nouvelles Ressources...

Que c'est. Choisir où vous souhaitez que le modèle/style, et vous avez terminé.

Voici le balisage j'ai eu:

<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>

Et le style/modèle j'ai eu:

<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>

Espère que cette aide. Habituels MME de rigueur, les pinceaux dans le style par défaut ne sont pas trouvés. 🙂

Ha Ha!: j'ai trouvé le moyen facile d'obtenir le ContextMenu modèle de Mélange - qui vous ressemble le plus simple!
Semble pas être une pleine XAML. Où est la définition de "ContextMenuControlTemplate1'?

OriginalL'auteur dex3703

Essayez ce qui suit: (Mettez ce code dans votre Ressources partie de votre XAML) Cela devrait supprimer l'icône de la console depuis le menu contextuel.

<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>

OriginalL'auteur Jonathan Perry

2

En fait l'espace ne fait pas partie de la ContextMenu c'est une partie de MenuItem. Donc, il suffit de glisser un MenuItem à votre fenêtre dans expression blend et de créer une copie de la commande. J'espère que votre ContextMenu déclaration est la suivante
```
 <ContextMenu  >
    <MenuItem Header="Copy"/>
    <MenuItem Header="Paste"/>
    <MenuItem Header="Clear"/>
 </ContextMenu>
```
Et à l'intérieur de votre MenuItem ControlTemplate vous pouvez voir l'espace comme ci-dessous. Afin de supprimer l'Icône et la Première Colonne de la grille que j'ai marqué dans la capture d'écran.

Bien que me met le style par défaut de la MenuItem, toutefois, il ne m'obtenez pas le ContextMenu style. Expression Blend ne me permet pas d'ajouter un ContextMenu à la Fenêtre.
Il affiche une erreur, "ContextMenu ne peut pas avoir de logique ou de visual parent" si j'ajoute le ContextMenu à la fenêtre.
Oui, il y a aussi les styles au sein de la ContextMenu pour le menu de gauche qui doivent être enlevés. C'est le ContextMenu styles que je ne peux pas accéder à l'aide de l'Expression de l'interface. J'ai posté une solution ci-dessous pour en extraire le modèle à l'aide de code.

OriginalL'auteur Jobi Joy
0

L'espace supplémentaire sur la gauche est due à la petite coche qui s'affiche lorsque vous définissez IsCheckable et IsChecked à true sur MenuItem.

La coche est le modèle de MenuItem donc, si vous modifiez que vous pouvez prendre.

Le IsCheckable propriété affecte l'interaction de l'utilisateur avec un élément de menu, pas de savoir si le check/zone de l'icône est affichée dans le menu. En fait, la valeur par défaut est déjà False. Le paramètre True simplement des cas, la coche en regard de basculer automatiquement chaque fois que l'utilisateur sélectionne cet élément de menu.

OriginalL'auteur Robert Macnee

Vous devez vous connecter pour publier un commentaire.