|
18 | 18 | <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Clock.xaml" /> |
19 | 19 | <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.PopupBox.xaml" /> |
20 | 20 | <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.RatingBar.xaml" /> |
21 | | - <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TimePicker.xaml" /> |
| 21 | + <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TimePicker.xaml" /> |
22 | 22 | <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Shadows.xaml" /> |
23 | 23 | <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Font.xaml" /> |
24 | 24 | </ResourceDictionary.MergedDictionaries> |
25 | 25 |
|
26 | 26 | <!-- set up default styles for our custom Material Design in XAML Toolkit controls --> |
27 | 27 | <Style TargetType="{x:Type local:Clock}" BasedOn="{StaticResource MaterialDesignClock}" /> |
28 | | - <Style TargetType="{x:Type local:PopupBox}" BasedOn="{StaticResource MaterialDesignPopupBox}" /> |
| 28 | + <Style TargetType="{x:Type local:PopupBox}" BasedOn="{StaticResource MaterialDesignPopupBox}" /> |
29 | 29 | <Style TargetType="{x:Type local:TimePicker}" BasedOn="{StaticResource MaterialDesignTimePicker}" /> |
30 | 30 |
|
31 | 31 | <converters:BrushToRadialGradientBrushConverter x:Key="BrushToRadialGradientBrushConverter" /> |
|
50 | 50 | <Storyboard> |
51 | 51 | <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="ScaleX" Storyboard.TargetName="ScaleTransform"> |
52 | 52 | <EasingDoubleKeyFrame KeyTime="0" Value="0"/> |
53 | | - <EasingDoubleKeyFrame KeyTime="0:0:2.2" Value="1"> |
| 53 | + <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="1"> |
54 | 54 | <EasingDoubleKeyFrame.EasingFunction> |
55 | 55 | <SineEase EasingMode="EaseIn" /> |
56 | 56 | </EasingDoubleKeyFrame.EasingFunction> |
57 | 57 | </EasingDoubleKeyFrame> |
58 | 58 | </DoubleAnimationUsingKeyFrames> |
59 | 59 | <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="ScaleY" Storyboard.TargetName="ScaleTransform"> |
60 | 60 | <EasingDoubleKeyFrame KeyTime="0" Value="0"/> |
61 | | - <EasingDoubleKeyFrame KeyTime="0:0:2.2" Value="1"> |
| 61 | + <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="1"> |
62 | 62 | <EasingDoubleKeyFrame.EasingFunction> |
63 | 63 | <SineEase EasingMode="EaseIn" /> |
64 | 64 | </EasingDoubleKeyFrame.EasingFunction> |
|
67 | 67 | <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ClickEllipse"> |
68 | 68 | <EasingDoubleKeyFrame KeyTime="0" Value="0"/> |
69 | 69 | <EasingDoubleKeyFrame KeyTime="0:0:0.05" Value=".26"/> |
70 | | - <EasingDoubleKeyFrame KeyTime="0:0:2.2" Value=".26"/> |
71 | 70 | </DoubleAnimationUsingKeyFrames> |
72 | 71 | </Storyboard> |
73 | 72 | </VisualTransition> |
|
92 | 91 | </DoubleAnimationUsingKeyFrames> |
93 | 92 | </Storyboard> |
94 | 93 | </VisualTransition> |
95 | | - </VisualStateGroup.Transitions> |
| 94 | + <VisualTransition From="MousePressed" To="Normal"> |
| 95 | + <Storyboard> |
| 96 | + <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="ScaleX" Storyboard.TargetName="ScaleTransform"> |
| 97 | + <EasingDoubleKeyFrame KeyTime="0:0:0.30" Value="1" x:Name="MousePressedToNormalScaleXKeyFrame"/> |
| 98 | + <EasingDoubleKeyFrame KeyTime="0:0:0.50" Value="1"/> |
| 99 | + <EasingDoubleKeyFrame KeyTime="0:0:0.50" Value="0"/> |
| 100 | + </DoubleAnimationUsingKeyFrames> |
| 101 | + <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="ScaleY" Storyboard.TargetName="ScaleTransform"> |
| 102 | + <EasingDoubleKeyFrame KeyTime="0:0:0.30" Value="1" x:Name="MousePressedToNormalScaleYKeyFrame"/> |
| 103 | + <EasingDoubleKeyFrame KeyTime="0:0:0.50" Value="1"/> |
| 104 | + <EasingDoubleKeyFrame KeyTime="0:0:0.50" Value="0"/> |
| 105 | + </DoubleAnimationUsingKeyFrames> |
| 106 | + <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ClickEllipse"> |
| 107 | + <EasingDoubleKeyFrame KeyTime="0:0:0.05" Value=".26"/> |
| 108 | + <EasingDoubleKeyFrame KeyTime="0:0:0.30" Value=".26"/> |
| 109 | + <EasingDoubleKeyFrame KeyTime="0:0:0.50" Value="0"> |
| 110 | + <EasingDoubleKeyFrame.EasingFunction> |
| 111 | + <SineEase EasingMode="EaseOut" /> |
| 112 | + </EasingDoubleKeyFrame.EasingFunction> |
| 113 | + </EasingDoubleKeyFrame> |
| 114 | + </DoubleAnimationUsingKeyFrames> |
| 115 | + </Storyboard> |
| 116 | + </VisualTransition> |
| 117 | + </VisualStateGroup.Transitions> |
96 | 118 | <VisualState x:Name="Normal"> |
97 | 119 | <Storyboard> |
98 | | - <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ClickEllipse" To="0" Duration="0:0:0.6"/> |
99 | | - <DoubleAnimation Storyboard.TargetProperty="ScaleX" Storyboard.TargetName="ScaleTransform" To="1" Duration="0:0:0.6"/> |
100 | | - <DoubleAnimation Storyboard.TargetProperty="ScaleY" Storyboard.TargetName="ScaleTransform" To="1" Duration="0:0:0.6"/> |
| 120 | + <DoubleAnimation Storyboard.TargetProperty="ScaleX" Storyboard.TargetName="ScaleTransform" To="0"/> |
| 121 | + <DoubleAnimation Storyboard.TargetProperty="ScaleY" Storyboard.TargetName="ScaleTransform" To="0"/> |
| 122 | + <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ClickEllipse" To="0"/> |
101 | 123 | </Storyboard> |
102 | 124 | </VisualState> |
103 | 125 | <VisualState x:Name="MousePressed"> |
|
116 | 138 | </VisualState> |
117 | 139 | </VisualStateGroup> |
118 | 140 | </VisualStateManager.VisualStateGroups> |
| 141 | + |
119 | 142 | <Canvas IsHitTestVisible="False" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> |
120 | 143 | <Ellipse x:Name="ClickEllipse" Fill="{TemplateBinding Feedback}" Opacity="0" |
121 | 144 | Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=RippleSize}" |
|
0 commit comments