wpf样式模版

<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Page.Resources>

<Style TargetType="{x:Type Button}" x:Key="roundButton">
<Style.Resources>

<!-- colors -->
<LinearGradientBrush x:Key="roundButtonBackground" StartPoint="0,0" EndPoint="0,1">
<GradientStop Color="Red" />
<GradientStop Color="Yellow" Offset="1" />
</LinearGradientBrush>

<LinearGradientBrush x:Key="disabledRoundButtonBackground" StartPoint="0,0" EndPoint="0,1">
<GradientStop Color="#555" />
<GradientStop Color="#CCC" Offset="1" />
</LinearGradientBrush>

<RadialGradientBrush x:Key="mouseOverRoundButtonBackground">
<GradientStop Color="#FFF9F7A9" Offset="0" />
<GradientStop Color="Yellow" Offset="0.2" />
<GradientStop Color="Orange" Offset="0.7" />

<GradientStop Color="Red" Offset="1" />
</RadialGradientBrush>

<LinearGradientBrush x:Key="glossShineBrush" StartPoint="0,0" EndPoint="0,1">
<GradientStop Color="#DDFFFFFF" Offset="0" />
<GradientStop Color="#33FFFFFF" Offset="1" />
</LinearGradientBrush>

<SolidColorBrush x:Key="roundButtonStroke" Color="Red" />

<SolidColorBrush x:Key="disabledRoundButtonStroke" Color="#333" />

<DropShadowEffect x:Key="focusEffect" ShadowDepth="0" Color="Orange" BlurRadius="4" />
<DropShadowEffect x:Key="pressedEffect" ShadowDepth="0" Color="Red" BlurRadius="6" />

</Style.Resources>
<Setter Property="Foreground" Value="Black" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<Grid Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" >
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="7*" />
<RowDefinition Height="7*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="5*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Ellipse x:Name="bgEllipse" Grid.ColumnSpan="3" Grid.RowSpan="3" Fill="{StaticResource roundButtonBackground}" Stroke="{StaticResource roundButtonStroke}" />
<ContentPresenter Grid.RowSpan="3" Grid.ColumnSpan="3" HorizontalAlignment="Center" VerticalAlignment="Center" RecognizesAccessKey="True" />
<Ellipse x:Name="shine" Grid.Row="1" Grid.Column="1" Fill="{StaticResource glossShineBrush}" />
</Grid>

<ControlTemplate.Triggers>
<Trigger Property="IsKeyboardFocused" Value="true">
<Setter TargetName="bgEllipse" Property="Effect" Value="{StaticResource focusEffect}" />
</Trigger>
<Trigger Property="IsPressed" Value="true">
<Setter TargetName="shine" Property="Opacity" Value="0.35" />
<Setter TargetName="bgEllipse" Property="Effect" Value="{StaticResource pressedEffect}" />
</Trigger>
<Trigger Property="IsDefaulted" Value="true">
<Setter TargetName="bgEllipse" Property="StrokeThickness" Value="1.5" />
</Trigger>
<Trigger Property="IsMouseOver" Value="true">
<Setter TargetName="bgEllipse" Property="Fill" Value="{StaticResource mouseOverRoundButtonBackground}" />
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter TargetName="bgEllipse" Property="Fill" Value="{StaticResource disabledRoundButtonBackground}" />
<Setter TargetName="bgEllipse" Property="Stroke" Value="{StaticResource disabledRoundButtonStroke}" />
</Trigger>
</ControlTemplate.Triggers>

</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Page.Resources>

<StackPanel Orientation="Horizontal">
<!-- you would probably want to put the width, height and margin in to the style too -->
<Button Style="{StaticResource roundButton}" Width="30" Height="30" Content="Foo" Margin="5">
</Button>
<Button Style="{StaticResource roundButton}" IsDefault="True" Width="30" Height="30" Content="Bar" Margin="5">
</Button>
<Button Style="{StaticResource roundButton}" IsEnabled="False" Width="30" Height="30" Content="Baz" Margin="5">
</Button>
</StackPanel>
</Page>