기본 ContextMenu 스타일 - WPF

Question

WPF에서 ContextMenu의 기본 스타일을 수정하려고합니다.

일반적으로 컨트롤 파트 편집 (템플릿)> 복사본 편집 메뉴 옵션을 사용하여 Expression Blend에서 기본 복사본을 만들 수 있습니다. 그러나 ContextMenu를 사용하여이 작업을 수행하는 방법을 배울 수 없습니다. 기본 스타일을 어떻게 수정할 수 있습니까?

아이콘이 정상적으로 표시된 상황에 맞는 메뉴의 왼쪽을 사용하지 않으려합니다.

감사합니다.

업데이트 : 어쩌면 아이콘 제거에 대해 명확하지 않았습니다. 예를 들어 아이콘이없는 컨텍스트 메뉴가있는 경우 메뉴의 왼쪽 전체가 낭비됩니다. 컨텍스트 메뉴 배경의 기본 스타일을 수정하여이를 제거하고 싶습니다. 단순히이 기본 스타일에 액세스하는 방법을 모르겠습니다.

Answer 1

:

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

사실 공간은 MenuItem의 일부인 ContextMenu의 일부가 아닙니다. 따라서 MenuItem을 표현식 블렌드의 윈도우로 드래그하고 컨트롤의 복사본을 만듭니다.

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

을 다음과 같이의 ContextMenu 선언입니다 그리고 당신의 MenuItem의 ControlTemplate 안에 당신이 울부 짖는 소리로 공간을 볼 수 있기를 바랍니다. 따라서 스크린 샷에 표시된 격자의 아이콘과 첫 번째 열을 제거하십시오.

Answer 3

왼쪽에있는 여분의 공간은 MenuItem에 true에 IsCheckable 및 IsChecked을 설정할 때 나타나는 작은 체크 표시 때문이다.

체크 표시는 템플릿에 MenuItem입니다. 편집하면 수정할 수 있습니다. 템플릿 추출하기 위해 다음과 같은 코드를 사용할 수 있습니다 (예 :의 ContextMenu 템플릿으로) 식 인터페이스를 통해 액세스 할 수없는 템플릿과 스타일에 대한

Answer 4

Blend에서 ContextMenu 템플릿을 쉽게 얻을 수있는 방법을 찾았습니다.

1. butto에 ContextMenu를 추가했습니다. 일부 메뉴가있는 n.
2. 속성 창에서 "miscellaneous"아래에 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 5

다음을 시도해보십시오. (이 코드를 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>