如何更改WPF“<separator>”？</separator>的颜色

Question

我在表单中使用<Separator />但不知道如何更改其颜色。 Border / Foreground / Background确实不存在。请帮助。

Answer 1

您可以设置背景：

<Separator Background="Red"/>

Answer 2

嗯......我认为Separator是使用简单风格无法运作的少数元素之一。根据MSDN文档，您需要指定SeparatorStyleKey。

例如对于ToolBar，你会这样做：

<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

使用样式

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

分隔符只是一个边框元素，现在你可以改变它的外观吗？

Answer 4

或者，您可以选择使用Rectangle元素：

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

修改/塑造更容易。

Answer 5

您可以使用以下代码设置Separator的颜色：

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

请注意，也必须应用BorderThickness属性。