学Silverlight 2系列（9）：使用控件模板

核心提示： 使用控件模板定制控件前面的示例中我们只是定制了控件的内容，Silverlight允许我们完全对控件进行定制，学Silverlight 2系列（9）：使用控件模板(2)，而不仅仅是内容，下面的示例中我们定制一个渐变色的圆角矩形按钮，首先我们在App.xaml中创建一个RoundButton

使用控件模板定制控件

前面的示例中我们只是定制了控件的内容，Silverlight允许我们完全对控件进行定制，而不仅仅是内容。下面的示例中我们定制一个渐变色的圆角矩形按钮。首先我们在App.xaml中创建一个RoundButton样式，改写按钮的Template属性：

<Style x:Key="RoundButton" TargetType="Button">
　　<Setter Property="Template">
　　　　<Setter.Value>
　　　　　　<ControlTemplate TargetType="Button">
　　　　　　　　<Grid x:Name="RootElement">
　　　　　　　　　　<Rectangle Width="200" Height="80" RadiusX="15" RadiusY="15">
　　　　　　　　　　　　<Rectangle.Fill>
　　　　　　　　　　　　　　<LinearGradientBrush StartPoint="0,0">
　　　　　　　　　　　　　　　　<GradientStop Color="#FFFFFF" Offset="0.0" />
　　　　　　　　　　　　　　　　<GradientStop Color="#EC04FA" Offset="1.0" />
　　　　　　　　　　　　　　</LinearGradientBrush>
　　　　　　　　　　　　</Rectangle.Fill>
　　　　　　　　　　　　<Rectangle.Stroke>
　　　　　　　　　　　　　　<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
　　　　　　　　　　　　　　　　<GradientStop Color="#FCB2FD" Offset="0" />
　　　　　　　　　　　　　　　　<GradientStop Color="#FFFFFF" Offset="1" />
　　　　　　　　　　　　　　</LinearGradientBrush>
　　　　　　　　　　　　</Rectangle.Stroke>
　　　　　　　　　　</Rectangle>
　　　　　　　　　　<TextBlock Text="提 交" FontSize="26" Foreground="White"
　　　　　　　　　　　　　　　 HorizontalAlignment="Center" VerticalAlignment="Center"/>
　　　　　　　　</Grid>
　　　　　　</ControlTemplate>
　　　　</Setter.Value>
　　</Setter>
</Style>

其中的渐变等内容在Graphics相关内容里将会写到。现在在XAML中使用该样式：