Стиль ContextMenu по умолчанию - WPF

Question

Я пытаюсь изменить стиль по умолчанию для ContextMenu в WPF.

Обычно вы можете создать копию по умолчанию в Expression Blend, используя пункт «Редактировать элементы управления (шаблон)»> «Изменить копию». Однако я не могу понять, как это сделать с помощью ContextMenu. Любая идея, как я могу получить стиль по умолчанию для изменения?

Я пытаюсь отключить левую часть контекстного меню, где обычно отображаются значки.

Спасибо!

Обновление: Возможно, у меня не было ясности относительно удаления значков. Например, если у вас есть контекстное меню без значков, тогда вся левая часть меню - пустое место. Я хотел бы изменить стиль по умолчанию фона контекстного меню, чтобы удалить это. Просто я не знаю, как получить доступ к этому стилю по умолчанию.

Answer 1

Для шаблонов и стилей, которые недоступны через интерфейс выражений (например, шаблон ContextMenu), вы можете использовать следующий код для извлечения шаблона:

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)

или в C #

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

Answer 2

Я нашел простой способ получить шаблон ContextMenu в Blend:

1. Я добавил ContextMenu для кнопки с некоторыми пунктами меню.
2. В разделе "Разное" на панели свойств есть сгруппированный элемент для ContextMenu.
3. Откройте это. Вы найдете обычные свойства стиля и шаблона.
4. Нажмите на квадрат для всплывающего меню и выберите «Преобразовать в новый ресурс» ...

Вот и все. Выберите, куда вы хотите поместить шаблон / стиль, и все готово.

Вот разметка, которая была у меня:

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

И стиль / шаблон, который я получил:

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

Надеюсь, это поможет. В обычной тщательности MS кисти в стиле по умолчанию не найдены. :)

Answer 3

Попробуйте это: (Поместите этот код в вашу часть ресурсов вашего XAML) Это должно удалить полосу значков из контекстного меню.

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

Answer 4

На самом деле пространство не является частью ContextMenu, оно является частью MenuItem. Так что просто перетащите MenuItem в окно в выражении blend и создайте копию элемента управления. Надеюсь, ваше объявление ContextMenu выглядит следующим образом

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

И внутри вашего элемента управления MenuItem вы можете видеть пространство, как показано ниже. Поэтому удалите значок и первый столбец сетки, отмеченной на снимке экрана.

Answer 5

Дополнительное пространство слева связано с маленькой галочкой, которая появляется, когда вы устанавливаете IsCheckable и IsChecked на true на MenuItem.

Галочка находится в шаблоне для MenuItem, поэтому, если вы отредактируете ее, вы можете снять ее.