wpf Button 添加自定义属性

1.新建类继承 Button

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace ButtonEx
{
    public class ArrowsButton : Button
    {
        static ArrowsButton()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(ArrowsButton), new FrameworkPropertyMetadata(typeof(ArrowsButton)));
        }
        public bool CkState
        {
            get { return (bool)GetValue(ButtonTypeProperty); }
            set { SetValue(ButtonTypeProperty, value); }
        }

        public static readonly DependencyProperty ButtonTypeProperty =
            DependencyProperty.Register("CkState", typeof(bool), typeof(ArrowsButton), new PropertyMetadata(false));

        public ImageSource IconNorm
        {
            get { return (ImageSource)GetValue(IconNormProperty); }
            set { SetValue(IconNormProperty, value); }
        }
        public static readonly DependencyProperty IconNormProperty =
            DependencyProperty.Register("IconNorm", typeof(ImageSource), typeof(ArrowsButton), new PropertyMetadata(null));
        public ImageSource IconSelect
        {
            get { return (ImageSource)GetValue(IconSelectProperty); }
            set { SetValue(IconSelectProperty, value); }
        }

        public static readonly DependencyProperty IconSelectProperty =
            DependencyProperty.Register("IconSelect", typeof(ImageSource), typeof(ArrowsButton), new PropertyMetadata(null));
    }
}

添加样式

<Style TargetType="{x:Type local:ArrowsButton}">
        <Setter Property="BorderThickness" Value="0"/>
        <Style.Triggers>
            <Trigger Property="CkState" Value="false">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type local:ArrowsButton}">
                            <Border>
                                <Image Source="{TemplateBinding IconNorm}" Stretch="UniformToFill"/>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
            <Trigger Property="CkState" Value="true">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type local:ArrowsButton}">
                            <Border>
                                <Image Source="{TemplateBinding IconSelect}" Stretch="UniformToFill"/>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>

使用        

 <buttonex:ArrowsButton x:Name="xArrowButton" Width="30" Height="30" CkState="True" IconNorm="../Skin/Left.png" IconSelect="../Skin/Down.png" Click="Button_Click" Margin="2"/>