默认上下文菜单样式 - WPF

StackOverflow https://stackoverflow.com/questions/641634

  •  22-07-2019
  •  | 
  •  

题

我正在尝试修改 WPF 中 ContextMenu 的默认样式。

通常，您可以使用“编辑控制部件（模板）”>“编辑副本”菜单选项在 Expression Blend 中创建默认值的副本。但是我不知道如何使用上下文菜单来做到这一点。知道如何修改默认样式吗？

我试图禁用通常显示图标的上下文菜单的左侧。

谢谢！

更新： 也许我不清楚删除图标。例如，如果您有一个没有图标的上下文菜单，那么菜单的整个左侧都是浪费的空间。我想修改上下文菜单背景的默认样式以删除它。只是我不知道如何访问这个默认样式。

有帮助吗？

解决方案

对于不通过表达接口（如文本菜单模板）可访问的，你可以使用以下代码来提取模板模板和样式：

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

其他提示

我找到了在 Blend 中获取 ContextMenu 模板的简单方法：

  1. 我向带有一些菜单项的按钮添加了一个上下文菜单。
  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 彻底性中，找不到默认样式的画笔。:)

尝试此：（将这个代码在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>

实际上，空间不是文本菜单的一部分是菜单项的一部分。因此，只要拖动菜单项到你的窗口在Expression Blend和创建控件的副本。希望你的ContextMenu声明如下：

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

和你的菜单项的ControlTemplate里面你可以看到空间波纹管。所以我删除标注在屏幕截图电网的图标和第一列。

“替代文字”

在左边的额外空间是因为当你设置IsCheckable和IsChecked到true上MenuItem出现的小复选标记。

在复选标记是在模板MenuItem所以如果你编辑，你可以把它拿出来。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top