Button 控件

属性：

      content：

文档资料：

       http://www.cnblogs.com/iamzhyk/archive/2009/03/12/1409271.html      自定义Button

       http://blog.ixpub.net/html/02/16565802-358891.html                            自定义控件

Eg1:

      调用的时候添加：

                   <Button Height="57" Name="button1" Width="54" Style="{StaticResource buttonTemplate}">Button</Button>

      <!--定义按钮样式-->

        <Style x:Key="buttonTemplate" TargetType="Button" >

            <!--修改模板属性-->

            <Setter Property="Template">

                <Setter.Value>

                    <!--控件模板-->

                    <ControlTemplate TargetType="Button">

                        <!--只有Grid才能装下这么多Child-->

                        <Grid>

                            <!--带特效的底层背景-->

                            <Border x:Name="back" Opacity="0.8" CornerRadius="2">

                                <Border.BitmapEffect>

                                    <OuterGlowBitmapEffect Opacity="0.8" GlowSize="0" GlowColor="Red" />

                                </Border.BitmapEffect>

                                <Ellipse Width="49" Height="49">

                                    <Ellipse.Fill>

                                        Red

                                    </Ellipse.Fill>

                                </Ellipse>

                                <!--按钮呈圆形-->

                            </Border>

                            <Ellipse x:Name="outerCircle" Width="50" Height="50">

                                <Ellipse.Fill>

                                    <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">

                                        <GradientStop Offset="0" Color="DarkOliveGreen"/>

                                        <GradientStop Offset="1" Color="Azure"/>

                                    </LinearGradientBrush>

                                </Ellipse.Fill>

                            </Ellipse>

                            <Ellipse Width="40" Height="40">

                                <Ellipse.Fill>

                                    <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">

                                        <GradientStop Offset="0" Color="White"/>

                                        <GradientStop Offset="1" Color="Transparent"/>

                                    </LinearGradientBrush>

                                </Ellipse.Fill>

                            </Ellipse>

                            <!--按钮内容-->

                            <Border>

                                <TextBlock x:Name="content" HorizontalAlignment="Center" VerticalAlignment="Center" Text="{TemplateBinding  Content}">

                                </TextBlock>

                            </Border>

                        </Grid>

                        <!--触发器-->

                        <ControlTemplate.Triggers>

                            <Trigger Property="Button.IsMouseOver" Value="True">

                                <Trigger.EnterActions>

                                    <BeginStoryboard>

                                        <Storyboard>

                                            <DoubleAnimation To="10" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />

                                            <ColorAnimation To="#4FFF" BeginTime="0:0:0.2" Duration="0:0:0.2" Storyboard.TargetName="outerCircle" Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />

                                            <ColorAnimation To="#3FFF" BeginTime="0:0:0.2" Duration="0:0:0.2" Storyboard.TargetName="outerCircle" Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />

                                        </Storyboard>

                                    </BeginStoryboard>

                                </Trigger.EnterActions>

                                <Trigger.ExitActions>

                                    <BeginStoryboard>

                                        <Storyboard>

                                            <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />

                                            <ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="outerCircle" Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />

                                            <ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="outerCircle" Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />

                                        </Storyboard>

                                    </BeginStoryboard>

                                </Trigger.ExitActions>

                            </Trigger>

                            <Trigger Property="Button.IsPressed" Value="True">

                                <Setter Property="RenderTransform">

                                    <Setter.Value>

                                        <ScaleTransform ScaleX=".9" ScaleY=".9"/>

                                    </Setter.Value>

                                </Setter>

                                <Setter Property="RenderTransformOrigin" Value=".5,.5"/>

                            </Trigger>

                        </ControlTemplate.Triggers>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>