为 Silverlight 2 创建自定义控件

通过编辑 Page.xaml 中的控件声明来测试修改后的控件模板，如下所示：

<custom:SimpleButton Width="250" Height="150" Background="Yellow" />

输出内容如图 8 所示。TemplateBindings 是正确进行操作的至关重要的步骤，因为现在 SimpleButton 的实例已支持为其分配的属性值。

图 8 改进的 SimpleButton 控件

步骤 6：使用 ContentPresenter 替换 TextBlock

SimpleButton 从 ContentControl 派生意味着它具有 Content 属性，开发人员可以使用此属性自定义按钮表面上的内容 — 至少理论上如此。使用图 9 中的 XAML 可以自定义内置 Button 控件以生成图 10 中显示的外观。

图 9 自定义 Button 控件

<Button Width="250" Height="150">
　<Button.Content>
　　<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
　　　<Ellipse Width="75" Height="75" Margin="10">
　　　　<Ellipse.Fill>
　　　　　<RadialGradientBrush GradientOrigin="0.25,0.25">
　　　　　　<GradientStop Offset="0.25" Color="White" />
　　　　　　<GradientStop Offset="1.0" Color="Red" />
　　　　　</RadialGradientBrush>
　　　　</Ellipse.Fill>
　　　</Ellipse>
　　　<TextBlock Text="Click Me" VerticalAlignment="Center" />
　　</StackPanel>
　</Button.Content>
</Button>