Wpf依赖属性和附加属性在样式中的应用

---

前言

在wpf的控件中，有很多属性没有暴露出来给前台设置，比如Button中的边框圆角CornerRadius属性就无法设置，如果直接去样式模板中改的话，那这个样式就太死板了，所以出现了依赖属性和附加属性。在这里我就Button样式中CornerRadius的应用，来解释一下依赖属性和附加属性

---

一、依赖属性的使用方法

1.添加派生类(以Button为例)

主要添加两个属性
注意：依赖属性的名字必须为普通属性+Property结尾

    public class CornerButton:Button
    {
        public CornerRadius CornerRadius
        {
            get { return (CornerRadius)GetValue(CornerRadiusProperty); }
            set { SetValue(CornerRadiusProperty, value); }
        }

        public static readonly DependencyProperty CornerRadiusProperty =
            DependencyProperty.Register("CornerRadius", typeof(CornerRadius), typeof(CornerButton));

    }

2.修改样式模板

主要在Button的外观样式Border中添加绑定
和在指定style的targettype上指定派生类
例如:

        <Style x:Key="ButtonStyle1" TargetType="{x:Type local:CornerButton}">
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="1"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type local:CornerButton}">
                        <Border x:Name="border" CornerRadius="{TemplateBinding CornerRadius}" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" SnapsToDevicePixels="true">
                            <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="Background" Value="Red"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

3.前台应用

先指定类，然后跟普通属性一样的写法

<local:CornerButton CornerRadius="2" Style="{DynamicResource ButtonStyle1}" Height="20" Width="20"/>

二、依赖属性的使用方法

1.添加普通类

如下

    class AttachProperty
    {
        public static CornerRadius GetCornerRadius(DependencyObject obj)
        {
            return (CornerRadius)obj.GetValue(CornerRadiusProperty);
        }

        public static void SetCornerRadius(DependencyObject obj, CornerRadius value)
        {
            obj.SetValue(CornerRadiusProperty, value);
        }

        public static readonly DependencyProperty CornerRadiusProperty =
                DependencyProperty.RegisterAttached("CornerRadius", typeof(CornerRadius), typeof(AttachProperty));

    }

2.修改模板

如下
主要在Border中添加绑定的方式不同

        <Style x:Key="ButtonStyle2" TargetType="{x:Type Button}">
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="1"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border x:Name="border" CornerRadius="{Binding Path=(local:AttachProperty.CornerRadius), RelativeSource={RelativeSource TemplatedParent}}" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" SnapsToDevicePixels="true">
                            <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="Background" Value="Red"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

3.前台使用

        <Button local:AttachProperty.CornerRadius="2" Style="{DynamicResource ButtonStyle2}" Height="20" Width="20"/>

---

总结

从本次实验来看，实现同样一种功能，依赖属性的写法似乎简单一点，但是只能给指定类（Button）使用。但是附加属性可以给其他很多控件使用，写法几乎是一样的。但是，如果要做特殊处理，比如在设置属性之后的事件中，做一些其他的事情，这时候，还是用依赖属性比较合适。
注意：在Trigger中，依然支持依赖属性和附加属性，但是在setter中，就无法给其赋值了，目前还没找到方法，等找到了再来填坑。