Comment changer la couleur du a WPF `<Separator />`?

Question

J'utilise <Separator /> dans mon formulaire mais je ne sais pas comment changer sa couleur. Il n'existe pas de Border/Foreground/Background. Plese aide.

Answer 1

Utilisez les styles

<Style x:Key="MySeparatorStyle" TargetType="{x:Type Separator}"> 
     <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"/> 
     <Setter Property="Margin" Value="0,2,0,2"/> 
     <Setter Property="Focusable" Value="false"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type Separator}"> 
        <Border 
         BorderBrush="{TemplateBinding BorderBrush}" 
         BorderThickness="{TemplateBinding BorderThickness}" 
         Background="{TemplateBinding Background}" 
         Height="1" 
         SnapsToDevicePixels="true"/> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

A seperator est juste un élément de frontière et maintenant vous pouvez changer son apparence comme vous le souhaitez?

Answer 2

Hmm ... Je pense que le Separator est l'un des rares éléments qui ne fonctionnera pas en utilisant un style simple. Basé sur la documentation MSDN, vous devez spécifier le SeparatorStyleKey.

Par exemple, pour un ToolBar vous faire:

<Style x:Key="{x:Static ToolBar.SeparatorStyleKey" 
    TargetType="{x:Type Separator}"> 
    <Setter Property="Background" 
     Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"/> 
    <Setter Property="Margin" Value="0,2,0,2"/> 
    <Setter Property="Focusable" Value="false"/> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Separator}"> 
       <Border 
        BorderBrush="{TemplateBinding BorderBrush}" 
        BorderThickness="{TemplateBinding BorderThickness}" 
        Background="{TemplateBinding Background}" 
        Height="1" 
        SnapsToDevicePixels="true"/> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

Answer 3

Sinon, vous pouvez choisir d'utiliser un élément Rectangle:

<Rectangle HorizontalAlignment="Stretch" Fill="Blue" Height="2"/>

Il est un peu plus facile de modifier/forme.

Answer 4

Vous pouvez définir l'arrière-plan:

<Separator Background="Red"/> 

Answer 5

vous pouvez définir la couleur de Separator en utilisant ce code:

<Separator BorderBrush="Red" BorderThickness="1"/>

NOTE que la propriété BorderThickness doit être appliqué aussi.