WPF で ContextMenu のデフォルト スタイルを変更しようとしています。
通常、[コントロール パーツの編集 (テンプレート)] > [コピーの編集] メニュー オプションを使用して、Expression Blend でデフォルトのコピーを作成できます。ただし、ContextMenu でこれを行う方法がわかりません。デフォルトのスタイルを変更する方法を教えてください。
アイコンが通常表示されるコンテキストメニューの左側を無効にしようとしています。
ありがとう！
更新: アイコンの削除について明確ではなかったのかもしれません。たとえば、アイコンのないコンテキスト メニューがある場合、メニューの左側全体が無駄なスペースになります。これを削除するために、コンテキスト メニューの背景のデフォルト スタイルを変更したいと思います。このデフォルトのスタイルにアクセスする方法がわかりません。
Expression Interface からアクセスできないテンプレートとスタイル (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);
Blend で ContextMenu テンプレートを取得する簡単な方法を見つけました。
それでおしまい。テンプレート/スタイルを配置する場所を選択すれば完了です。
これが私が持っていたマークアップです：
<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 の Resources 部分に入れます) これにより、コンテキスト メニューからアイコン ストリップが削除されます。
<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>
実際には、スペースは ContextMenu の一部ではなく、MenuItem の一部です。そのため、式ブレンドで MenuItem をウィンドウにドラッグし、コントロールのコピーを作成するだけです。ContextMenu 宣言が次のようになることを願っています
<ContextMenu >
<MenuItem Header="Copy"/>
<MenuItem Header="Paste"/>
<MenuItem Header="Clear"/>
</ContextMenu>
そして、MenuItem ControlTemplate 内では、次のようなスペースが表示されます。したがって、スクリーン ショットでマークしたグリッドのアイコンと最初の列を削除します。
左側の余分なスペースは、をオンに設定IsCheckableしたときに表示される小さなチェックマークによるものです。IsCheckedtrueMenuItem
テンプレートにはチェックマークが入っているMenuItemので、編集すれば取り出せます。