Mega Code Archive

 
Categories / Silverlight / UI Controls
 

Gradient background button

<UserControl x:Class='SilverlightApplication3.MainPage'     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'      mc:Ignorable='d'      d:DesignWidth='640'      d:DesignHeight='480'>     <Grid Background="Black">         <Button Margin="20" >             <Button.Style>                 <Style TargetType="Button">                     <Setter Property="Foreground">                         <Setter.Value>                             <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">                                 <LinearGradientBrush.GradientStops>                                     <GradientStop Offset="0.0" Color="Purple" />                                     <GradientStop Offset="0.5" Color="Blue" />                                     <GradientStop Offset="1.0" Color="Purple" />                                 </LinearGradientBrush.GradientStops>                             </LinearGradientBrush>                         </Setter.Value>                     </Setter>                     <Setter Property="Template">                         <Setter.Value>                             <ControlTemplate TargetType="Button">                                 <Grid>                                     <Grid.ColumnDefinitions>                                         <ColumnDefinition Width="50" />                                         <ColumnDefinition />                                         <ColumnDefinition Width="50" />                                     </Grid.ColumnDefinitions>                                     <Grid.RowDefinitions>                                         <RowDefinition MinHeight="50" />                                     </Grid.RowDefinitions>                                                           <Grid Grid.Column="1">                                         <Rectangle RadiusX="10" RadiusY="10">                                             <Rectangle.Fill>                                                 <RadialGradientBrush>                                                     <RadialGradientBrush.GradientStops>                                                         <GradientStop Offset="0.0" Color="Black" />                                                         <GradientStop Offset="0.5" Color="Blue" />                                                         <GradientStop Offset="1.0" Color="Red" />                                                     </RadialGradientBrush.GradientStops>                                                 </RadialGradientBrush>                                             </Rectangle.Fill>                                         </Rectangle>                                         <ContentPresenter Margin="20,20,20,20" HorizontalAlignment="Center" VerticalAlignment="Center" />                                     </Grid>                                                      </Grid>                             </ControlTemplate>                         </Setter.Value>                     </Setter>                 </Style>             </Button.Style>         </Button>     </Grid> </UserControl>