背景

很多时候我们使用WPF开发界面的时候经常会用到各种空间，很多时候我们需要去自定义控件的样式来替换默认的样式，今天通过两个方法来替换WPF中的CheckBox样式，透过这两个例子我们可以掌握基本的WPF样式的开发如何定义ControlTemplate以及使用附加属性来为我们的控件增加新的样式。

常规使用

我们在使用CheckBox的时候，原始的样式有时不能满足我们的需求，这是我们就需要更改其模板，比如我们常用的一种，在播放器中“播放”、“暂停”按钮，其实这也是一种CheckBox,只不过我们只是修改了其相关的模板罢了，下面贴出相关代码：

进阶用法

上面的使用较为简单，下面我们通过一个更加复杂一些的例子来增加对自定义控件模板的理解，我们先来看看我们定义的样式。

Data="{Binding (local_ctrl:GeometryAP.IconGeometry), RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type CheckBox}}}"

Fill="{Binding (local_ctrl:GeometryAP.IconFill), RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type CheckBox}}}"/>

Margin="{TemplateBinding Padding}"

RecognizesAccessKey="True"

SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"

HorizontalAlignment="Left"

VerticalAlignment="Center"/>

Grid.Column="2"

Margin="1"

BorderBrush="Transparent"

BorderThickness="1"

Background="Transparent"

HorizontalAlignment="Left"

VerticalAlignment="Center">

Stretch="Uniform"

Data="{StaticResource geometryCheck}"

Fill="LightSeaGreen" Margin="1" Opacity="0"/>

后面我们再来看看，我们使用CheckBox的地方。

IsChecked="{Binding VM.IsHorizontal,ElementName=_this}" Content="Horizontal"

Style="{StaticResource CheckBoxStyle}"

local_ctrl:GeometryAP.IconGeometry="{StaticResource geometryDirection}"

local_ctrl:GeometryAP.IconFill="LightSeaGreen"/>

这个地方我们为CheckBox增加了两个附加属性IconGeometry、IconFill这样我们就能够将这两个附加属性绑定到CheckBox样式中的Path里面的Data和Fill依赖项属性上面，通过上面的过程我们就能够定义各种各样的CheckBox样式了，下面我们看看我们定义的这两个附加属性具体的代码。

public class GeometryAP : DependencyObject

{

public static PathGeometry GetIconGeometry(DependencyObject obj)

{

return (PathGeometry)obj.GetValue(IconGeometryProperty);

}

public static void SetIconGeometry(DependencyObject obj, PathGeometry value)

{

obj.SetValue(IconGeometryProperty, value);

}

public static Brush GetIconFill(DependencyObject obj)

{

return (Brush)obj.GetValue(IconFillProperty);

}

public static void SetIconFill(DependencyObject obj, Brush brush)

{

obj.SetValue(IconFillProperty, brush);

}

public static readonly DependencyProperty IconGeometryProperty = DependencyProperty.RegisterAttached("IconGeometry", typeof(PathGeometry), typeof(GeometryAP));

public static readonly DependencyProperty IconFillProperty = DependencyProperty.RegisterAttached("IconFill", typeof(Brush), typeof(GeometryAP), new PropertyMetadata(Brushes.Transparent));

}

样式欣赏