在創(chuàng)建用戶控件時(shí)，我們難免會創(chuàng)建依賴項(xiàng)屬性，這樣有利于用戶控件的靈活性，例如：我寫了一個(gè)控件MenuButton，這個(gè)MenuButton就是為Button寫了一個(gè)模板，Image用來顯示圖片，ContentPresenter用來顯示文本。我們肯定不是在用戶控件中將圖片和文字預(yù)先設(shè)置好，而是通過用戶控件屬性來設(shè)置，在這里說一些額外的話，建議用依賴項(xiàng)屬性，因?yàn)橐蕾図?xiàng)屬性支持例如：設(shè)計(jì)器集成、Binding、動畫、樣式、動態(tài)資源等，而屬性則不支持的。看以下MenuButton.xaml代碼片段：

<UserControl 
     xmlns="//schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x= "//schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:d= "//schemas.microsoft.com/expression/blend/2008" 
     xmlns:mc= "//schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:local= "clr-namespace:SL.Application" 
     mc:Ignorable= "d" 
     x:Class= "SL.Application.MenuButton"> 
     <UserControl.Resources> 
         <Style x:Key="ButtonStyle" TargetType="Button"> 
             <Setter Property="Template"> 
                 <Setter.Value> 
                     <ControlTemplate TargetType="Button"> 
                         <Grid> 
                             <Rectangle x:Name="rectangle" Fill="#FFCCCCD6" 
Height="41" RadiusX="8" RadiusY="8" Stroke="#FF5A5353"/> 
                             <StackPanel Orientation="Horizontal"> 
              <Image HorizontalAlignment="Center" Height="32"
 Margin="10,0,0,0" Source="{Binding Source}" 
Stretch="Fill" Width="32" VerticalAlignment="Center"/> 
                                 <ContentPresenter VerticalAlignment="Center" 
Width="22" Margin="10,0" Content="{Binding Text}"/> 
                             </StackPanel> 
                         </Grid> 
                     </ControlTemplate> 
                 </Setter.Value> 
             </Setter> 
         </Style> 
     </UserControl.Resources> 
     <Grid x:Name="LayoutRoot"> 
         <Button Style="{StaticResource ButtonStyle}"/> 
     </Grid> 
</UserControl> 

對應(yīng)的MenuButton.xaml.cs代碼片段：

using System; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Documents; 
using System.Windows.Ink; 
using System.Windows.Input; 
using System.Windows.Media; 
using System.Windows.Media.Animation; 
using System.Windows.Shapes;

namespace SL.Application 
{ 
     public partial class MenuButton : UserControl 
     { 
         public MenuButton() 
         { 
             // 為初始化變量所必需 
             InitializeComponent(); 
         } 
         public static readonly DependencyProperty SourceProperty = 
DependencyProperty.Register( "Source", typeof(ImageSource), 
typeof(MenuButton), 
new PropertyMetadata(default(ImageSource)));

         public ImageSource Source 
         { 
             get { return (ImageSource)GetValue(SourceProperty); } 
             set { SetValue(SourceProperty, value); } 
         }

         public static readonly DependencyProperty TextProperty =
DependencyProperty.Register( "Text", typeof(string), typeof(MenuButton), 
new PropertyMetadata(default(string)));

         public string Text 
         { 
             get { return (string)GetValue(TextProperty); } 
             set { SetValue(TextProperty, value); } 
         } 
     } 
}

　　該準(zhǔn)備的咱們也準(zhǔn)備好了，現(xiàn)在進(jìn)入主題，如何將自定義的依賴項(xiàng)屬性Source綁定到Image，Text綁定到Content上?在這里在啰唆一句，以下每種方法修改的代碼都是以上面所指出的代碼為根本，就是在開始每種方法前請將代碼還原成以上代碼。

　　第一種方法：在XAML中為UserControl指定x:Name值，Binding通過ElementName進(jìn)行綁定。

　　好吧，如上所說，我們?yōu)閁serControl指定x:Name值，如下(改動的代碼是藍(lán)色的)：

　　MenuButton.xaml文件：

<UserControl 
     xmlns="//schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x= "//schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:d= "//schemas.microsoft.com/expression/blend/2008" 
     xmlns:mc= "//schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:local= "clr-namespace:SL.Application" 
     mc:Ignorable= "d" 
     x:Class= "SL.Application.MenuButton" x:Name="UserControl_MenuButton"> 

　　修改Image和ContentPresenter的Binding，代碼如下(改動的代碼是藍(lán)色的)：

　　MenuButton.xaml文件

<Image HorizontalAlignment="Center" Height="32" 
Margin="10,0,0,0" Source="{Binding ElementName=UserControl_MenuButton, 
Path=Source}" Stretch="Fill" Width="32" VerticalAlignment="Center"/> 
  <ContentPresenter VerticalAlignment="Center" 
Width="22" Margin="10,0" Content="{Binding ElementName=
UserControl_MenuButton, Path=Text}"/> 

　　如上，就可以將依賴項(xiàng)屬性Source和Text綁定到Image和ContentPresenter上。不過這種方式有一個(gè)致命的缺點(diǎn)就是：當(dāng)這個(gè)自定義控件在同一個(gè)頁面有1個(gè)以上時(shí)，偶爾會拋出已經(jīng)定義UserControl_MenuButton異常。所以這種方式不可取。

　　第二種方法：在MenuButton.xaml.cs中的MenuButton實(shí)例構(gòu)造器中將this.DataContext=this;這樣，其實(shí)和上一種實(shí)現(xiàn)的方式差不多，不過這樣不用為UserControl指定x:Name值，也不會出現(xiàn)上面所提到的神馬已經(jīng)定義UserControl_MenuButton異常。看下面代碼(改動的代碼是藍(lán)色的)：

　　MenuButton.xaml.cs文件

public MenuButton() 
{ 
     // 為初始化變量所必需 
     InitializeComponent(); 
     this.DataContext = this; 
}

　　這種方法也不錯(cuò)，不過有的家伙比喜歡(不喜歡在后臺寫代碼，能在XAML中實(shí)現(xiàn)的絕不在.cs文件中實(shí)現(xiàn))。

　　第三種方法：在XAML中設(shè)置UserControl的DataContext綁定自身。請看一下代碼：

　　MenuButton.xaml文件：

　　<UserControl 
     xmlns="//schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x= "//schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:d= "//schemas.microsoft.com/expression/blend/2008" 
     xmlns:mc= "//schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:local= "clr-namespace:SL.Application" 
     mc:Ignorable= "d" 
     x:Class= "SL.Application.MenuButton" 
DataContext="{Binding RelativeSource={RelativeSource Self}}">