WPF中的使用者控制元件一般結合依賴屬性使用，從而讓使用者在使用控制元件的時候可以給控制元件的屬性自由賦值，下面就用一個簡單的自定義按鈕例項來說明其用法。

1、新建專案，選擇"WPF使用者控制元件庫"。

2、定義一個按鈕類，新建三個依賴屬性：ImageSourceNormal、ImageSourceMouseOver、ImageSourcePress，分別描述按鈕在正常狀態、滑鼠經過、滑鼠按下時顯示的圖片。

namespace MyControl
{
    /// <summary>
    /// 自定義按鈕的分部類
    /// </summary>
    partial class UserButton : UserControl
    {
        #region 正常狀態下顯示的背景圖片
        public ImageSource ImageSourceNormal
        {
            get { return (ImageSource)GetValue(ImageSourceNormalProperty); }
            set { SetValue(ImageSourceNormalProperty, value); }
        }

        public static readonly DependencyProperty ImageSourceNormalProperty =
            DependencyProperty.Register("ImageSourceNormal", typeof(ImageSource), typeof(UserButton), 
            new PropertyMetadata(new BitmapImage(new Uri("pack://application:,,,/MyControl;component/Images/1.bmp"))));
        #endregion

        #region 滑鼠經過時顯示的背景圖片
        public ImageSource ImageSourceMouseOver
        {
            get { return (ImageSource)GetValue(ImageSourceMouseOverProperty); }
            set { SetValue(ImageSourceMouseOverProperty, value); }
        }

        public static readonly DependencyProperty ImageSourceMouseOverProperty =
            DependencyProperty.Register("ImageSourceMouseOver", typeof(ImageSource), typeof(UserButton), 
            new PropertyMetadata(new BitmapImage(new Uri("pack://application:,,,/MyControl;component/Images/2.bmp"))));
        #endregion

        #region 滑鼠按下時顯示的背景圖片
        public ImageSource ImageSourcePress
        {
            get { return (ImageSource)GetValue(ImageSourcePressProperty); }
            set { SetValue(ImageSourcePressProperty, value); }
        }

        public static readonly DependencyProperty ImageSourcePressProperty =
            DependencyProperty.Register("ImageSourcePress", typeof(ImageSource), typeof(UserButton), 
            new PropertyMetadata(new BitmapImage(new Uri("pack://application:,,,/MyControl;component/Images/3.bmp"))));
        #endregion
    }
}
 

<UserControl x:Class="MyControl.UserButton"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="23" Width="72">
    <Grid>
        <Button Width="72" Height="23">
            <Button.Template>
                <ControlTemplate TargetType="Button">
                    <Border x:Name="border" BorderBrush="Blue" BorderThickness="1" CornerRadius="3,3,3,3">
                        <Border.Background>
                            <ImageBrush ImageSource="{Binding ImageSourceNormal}"></ImageBrush>
                        </Border.Background>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="border" Property="Background">
                                <Setter.Value>
                                    <ImageBrush ImageSource="{Binding ImageSourceMouseOver}"></ImageBrush>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="border" Property="Background">
                                <Setter.Value>
                                    <ImageBrush ImageSource="{Binding ImageSourcePress}"></ImageBrush>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Button.Template>
        </Button>
    </Grid>
</UserControl>
 

namespace MyControl
{
    /// <summary>
    /// UserButton.xaml 的互動邏輯
    /// </summary>
    public partial class UserButton : UserControl
    {
        public UserButton()
        {
            InitializeComponent();

            this.DataContext = this;
        }
    }
}

6、新建專案，選擇"WPF 應用程式"。

7、在xaml中引用MyControl名稱空間，注意得在引用名稱空間的字串里加上程式集的名稱

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mc="clr-namespace:MyControl;assembly=MyControl"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <mc:UserButton Margin="222,112,223,181"></mc:UserButton>
        <mc:UserButton ImageSourceNormal=".\Images\10.bmp"
                       ImageSourceMouseOver=".\Images\11.bmp"
                       ImageSourcePress=".\Images\12.bmp"
                       Margin="222,189,223,102"></mc:UserButton>
    </Grid>
</Window>