Come cambiare il colore di un WPF `<Separator />`?

Question

Io uso <Separator /> nel mio modulo ma non so come cambiarne il colore. Nessuno di Border/Foreground/Background esiste. Mi raccomando.

Answer 1

utilizzare gli stili

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

Un seperator è solo un elemento di confine e ora è possibile cambiare il suo aspetto come più ti piace?

Answer 2

Hmm ... Penso che lo Separator sia uno dei pochi elementi che non funzionerà con uno stile semplice. In base alla documentazione MSDN, è necessario specificare lo SeparatorStyleKey.

Per esempio per un ToolBar si dovrebbe fare questo:

<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

In alternativa si potrebbe scegliere di utilizzare un elemento di rettangolo:

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

E 'un po' più facile da modificare/forma.

Answer 4

È possibile impostare lo sfondo:

<Separator Background="Red"/> 

Answer 5

è possibile impostare il colore 's il Separator utilizzando questo codice:

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

notare che la proprietà BorderThickness deve essere applicata anche.