まず、UserControlで目的の依存関係プロパティを定義します。
public partial class MyUserControl : UserControl
{
public Brush LabelBackground
{
get { return (Brush)GetValue(LabelBackgroundProperty); }
set { SetValue(LabelBackgroundProperty, value); }
}
public static readonly DependencyProperty LabelBackgroundProperty =
DependencyProperty.Register("LabelBackground", typeof(Brush), typeof(MyUserControl), new PropertyMetadata(null));
public MyUserControl()
{
InitializeComponent();
}
}
プロパティの値を子ラベルに割り当てるには、バインディングのElementNameプロパティを使用してバインドできます。
<UserControl x:Class="SilverlightApplication1.MyUserControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
d:DesignHeight="300"
d:DesignWidth="400"
mc:Ignorable="d"
x:Name="UserControl"
>
<Grid x:Name="LayoutRoot">
<sdk:Label x:Name="Title"
HorizontalAlignment="Center"
VerticalAlignment="Center" Content="Title" Background="{Binding LabelBackground, ElementName=UserControl}" />
</Grid>
</UserControl>
Silverlight 5を使用しているため、UserControlに内部的に名前を付ける代わりに、 RelativeSourceをバインディングに設定することもできます。
<sdk:Label Background="{Binding LabelBackground, RelativeSource={RelativeSource AncestorType=UserControl}}" />
次に、UserControlを使用するときに、LabelBackgroundを目的の値に設定(またはバインド)します。
<local:MyUserControl LabelBackground="Red"/>
ちなみに、UserControlの代わりにCustomControlを作成し、同じ方法で依存関係プロパティを追加して、テンプレートを定義するときにTemplateBindingを使用することもできます。