<RadialGradientBrush x:Key="RadialGradientBrush1"> <GradientStop Color="#FFB2B2B2" Offset="0"/> <GradientStop Color="#FF232323" Offset="0.935"/> <GradientStop Color="#FF838383" Offset="0.995"/> <GradientStop Color="#FF3F3F3F" Offset="0.68"/> </RadialGradientBrush> <RadialGradientBrush x:Key="RadialGradientBrush2"> <GradientStop Color="#FFB2B2B2" Offset="0"/> <GradientStop Color="#FF232323" Offset="0.935"/> <GradientStop Color="#FFFFA500" Offset="0.995"/> <GradientStop Color="#FF3F3F3F" Offset="0.68"/> </RadialGradientBrush> <Style x:Key="EllipseStyInBt1" TargetType="{x:Type Ellipse}"> <Setter Property="Fill" Value="{StaticResource RadialGradientBrush1}"/> <Setter Property="RenderTransformOrigin" Value="0.4,0.4"/> </Style> <Style x:Key="EllipseStyInBt2" TargetType="{x:Type Ellipse}"> <Setter Property="Fill" Value="{StaticResource RadialGradientBrush2}"/> <Setter Property="RenderTransformOrigin" Value="0.4,0.4"/> </Style> <Style x:Key="MyFocusVisual"> <Setter Property="Control.Template"> <Setter.Value> <ControlTemplate> <Rectangle Margin="-2" StrokeThickness="0" Stroke="Red" StrokeDashArray="1 2"/> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style x:Key="ButtonStyle1" BasedOn="{x:Null}" TargetType="{x:Type Button}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <Grid> <Ellipse Style="{StaticResource EllipseStyInBt1}" mce_Style="{StaticResource EllipseStyInBt1}"/> <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RecognizesAccessKey="True"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="Foreground" Value="#FFFFFFFF"/> <Setter Property="FocusVisualStyle" Value="{DynamicResource MyFocusVisual}"/> <Setter Property="Cursor" Value="Hand" /> <Setter Property="RenderTransform"> <Setter.Value> <TransformGroup> <ScaleTransform CenterX="50" CenterY="50"/> <RotateTransform CenterX="50" CenterY="50"/> </TransformGroup> </Setter.Value> </Setter> <Style.Triggers> <!--样式中定义属性触发器,变换--> <Trigger Property="IsMouseOver" Value="True"> <!--<Setter Property="RenderTransform"> <Setter.Value> <ScaleTransform ScaleX="1.1" ScaleY="1.1" CenterX="50" CenterY="50" /> </Setter.Value> </Setter>--> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <Grid> <Ellipse Style="{StaticResource EllipseStyInBt2}" mce_Style="{StaticResource EllipseStyInBt2}"/> <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RecognizesAccessKey="True"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Trigger> <!--样式中定义属性触发器,位图效果--> <Trigger Property="IsPressed" Value="True"> <Setter Property="BitmapEffect"> <Setter.Value> <OuterGlowBitmapEffect GlowColor="White" GlowSize="20" Noise="0" Opacity="0.4"/> </Setter.Value> </Setter> </Trigger> <!--样式中定义事件触发器,动画效果--> <EventTrigger RoutedEvent="MouseEnter"> <EventTrigger.Actions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0.6" To="1" Duration="0:0:0.5" RepeatBehavior="Forever" AutoReverse="True"/> <DoubleAnimation Storyboard.TargetProperty="RenderTransform.Children[0].ScaleX" From="1" To="1.1" Duration="0:0:0.5" RepeatBehavior="Forever" AutoReverse="True"/> <DoubleAnimation Storyboard.TargetProperty="RenderTransform.Children[0].ScaleY" From="1" To="1.1" Duration="0:0:0.5" RepeatBehavior="Forever" AutoReverse="True"/> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> <EventTrigger RoutedEvent="MouseLeave"> <EventTrigger.Actions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetProperty="Opacity" From="1" To="1" Duration="0:0:1" RepeatBehavior="Forever" AutoReverse="True"/> <DoubleAnimation Storyboard.TargetProperty="RenderTransform.Children[0].ScaleX" From="1" To="1" Duration="5:0:0.5" AutoReverse="True"/> <DoubleAnimation Storyboard.TargetProperty="RenderTransform.Children[0].ScaleY" From="1" To="1" Duration="5:0:0.5" AutoReverse="True"/> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> </Style.Triggers> </Style>