|
|
|
@ -1,12 +1,12 @@ |
|
|
|
<UserControl |
|
|
|
xmlns="https://github.com/avaloniaui" |
|
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> |
|
|
|
<UserControl |
|
|
|
xmlns="https://github.com/avaloniaui" |
|
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> |
|
|
|
<UserControl.Styles> |
|
|
|
<Styles> |
|
|
|
<Styles.Resources> |
|
|
|
<Template x:Key="Acorn"> |
|
|
|
<Path Fill="White" Stretch="Uniform" |
|
|
|
Data="F1 M 16.6309,18.6563C 17.1309, |
|
|
|
<Path Fill="White" Stretch="Uniform" |
|
|
|
Data="F1 M 16.6309,18.6563C 17.1309, |
|
|
|
8.15625 29.8809,14.1563 29.8809, |
|
|
|
14.1563C 30.8809,11.1563 34.1308, |
|
|
|
11.4063 34.1308,11.4063C 33.5,12 |
|
|
|
@ -42,17 +42,17 @@ |
|
|
|
</Style> |
|
|
|
<Style Selector="Border.Rect1:pointerover"> |
|
|
|
<Style.Animations> |
|
|
|
<Animation Duration="0:0:2.5" |
|
|
|
RepeatCount="4" |
|
|
|
<Animation Duration="0:0:2.5" |
|
|
|
RepeatCount="4" |
|
|
|
FillMode="None" |
|
|
|
PlaybackDirection="AlternateReverse" |
|
|
|
PlaybackDirection="AlternateReverse" |
|
|
|
Easing="SineEaseInOut"> |
|
|
|
<KeyFrame Cue="20%"> |
|
|
|
<Setter Property="RotateTransform.Angle" Value="45"/> |
|
|
|
</KeyFrame> |
|
|
|
</KeyFrame> |
|
|
|
<KeyFrame Cue="50%"> |
|
|
|
<Setter Property="ScaleTransform.ScaleX" Value="1.5"/> |
|
|
|
</KeyFrame> |
|
|
|
</KeyFrame> |
|
|
|
<KeyFrame Cue="80%"> |
|
|
|
<Setter Property="RotateTransform.Angle" Value="120"/> |
|
|
|
</KeyFrame> |
|
|
|
@ -70,7 +70,6 @@ |
|
|
|
</Style.Animations> |
|
|
|
</Style> |
|
|
|
<Style Selector="Border.Rect3"> |
|
|
|
<Setter Property="Child" Value="{StaticResource Heart}"/> |
|
|
|
<Style.Animations> |
|
|
|
<Animation Duration="0:0:0.5" |
|
|
|
Easing="QuadraticEaseInOut" |
|
|
|
@ -79,12 +78,13 @@ |
|
|
|
<Setter Property="ScaleTransform.ScaleX" Value="0.8"/> |
|
|
|
<Setter Property="ScaleTransform.ScaleY" Value="0.8"/> |
|
|
|
</KeyFrame> |
|
|
|
</Animation> |
|
|
|
</Animation> |
|
|
|
</Style.Animations> |
|
|
|
<Setter Property="Child" Value="{StaticResource Heart}"/> |
|
|
|
</Style> |
|
|
|
<Style Selector="Border.Rect4:pointerover"> |
|
|
|
<Style.Animations> |
|
|
|
<Animation Duration="0:0:3" Easing="BounceEaseInOut"> |
|
|
|
<Animation Duration="0:0:3" Easing="BounceEaseInOut"> |
|
|
|
<KeyFrame Cue="48%"> |
|
|
|
<Setter Property="TranslateTransform.Y" Value="-100"/> |
|
|
|
</KeyFrame> |
|
|
|
@ -108,7 +108,7 @@ |
|
|
|
<Grid> |
|
|
|
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" ClipToBounds="False"> |
|
|
|
<StackPanel.Clock> |
|
|
|
<Clock /> |
|
|
|
<Clock /> |
|
|
|
</StackPanel.Clock> |
|
|
|
<StackPanel Orientation="Horizontal" VerticalAlignment="Center"> |
|
|
|
<TextBlock VerticalAlignment="Center">Hover to activate Transform Keyframe Animations.</TextBlock> |
|
|
|
|