improve transitions MaterialDesignFlatToggleButton #73

Author: ButchersBoy

MaterialDesignThemes.Wpf/Themes/MaterialDesignTheme.ToggleButton.xaml

@@ -200,28 +200,46 @@
 								</VisualState>                                
 							</VisualStateGroup>
 							<VisualStateGroup x:Name="CheckStates">
+                                <VisualStateGroup.Transitions>
+                                    <VisualTransition From="*" To="Checked">
+                                        <Storyboard>
+                                            <DoubleAnimationUsingKeyFrames Duration="0:0:0.2" Storyboard.TargetProperty="(Control.Width)" Storyboard.TargetName="CheckedEllipse">
+                                                <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0.0" />
+                                                <LinearDoubleKeyFrame Value="40" KeyTime="0:0:0.1" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Duration="0:0:0.2" Storyboard.TargetProperty="(Control.Height)" Storyboard.TargetName="CheckedEllipse">
+                                                <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0.0" />
+                                                <LinearDoubleKeyFrame Value="40" KeyTime="0:0:0.1" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                        </Storyboard>
+                                    </VisualTransition>
+                                    <VisualTransition From="Checked" To="Unchecked">
+                                        <Storyboard>
+                                            <DoubleAnimationUsingKeyFrames Duration="0:0:0.2" Storyboard.TargetProperty="(Control.Width)" Storyboard.TargetName="CheckedEllipse">
+                                                <LinearDoubleKeyFrame Value="40" KeyTime="0:0:0.0" />
+                                                <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0.1" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Duration="0:0:0.2" Storyboard.TargetProperty="(Control.Height)" Storyboard.TargetName="CheckedEllipse">
+                                                <LinearDoubleKeyFrame Value="40" KeyTime="0:0:0.0" />
+                                                <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0.1" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                        </Storyboard>
+                                    </VisualTransition>
+                                </VisualStateGroup.Transitions>
 								<VisualState x:Name="Checked">
 									<Storyboard>
-										<DoubleAnimationUsingKeyFrames Duration="0:0:0.2" Storyboard.TargetProperty="(Control.Width)" Storyboard.TargetName="CheckedEllipse">
-											<LinearDoubleKeyFrame Value="0" KeyTime="0:0:0.0" />
-											<LinearDoubleKeyFrame Value="40" KeyTime="0:0:0.1" />
-										</DoubleAnimationUsingKeyFrames>
-                                        <DoubleAnimationUsingKeyFrames Duration="0:0:0.2" Storyboard.TargetProperty="(Control.Height)" Storyboard.TargetName="CheckedEllipse">
-											<LinearDoubleKeyFrame Value="0" KeyTime="0:0:0.0" />
-											<LinearDoubleKeyFrame Value="40" KeyTime="0:0:0.1" />
-										</DoubleAnimationUsingKeyFrames>
+                                        <DoubleAnimation Duration="0" Storyboard.TargetProperty="(Control.Width)" Storyboard.TargetName="CheckedEllipse"
+                                                         To="40" />
+                                        <DoubleAnimation Duration="0" Storyboard.TargetProperty="(Control.Height)" Storyboard.TargetName="CheckedEllipse"
+                                                         To="40" />
 									</Storyboard>
 								</VisualState>
 								<VisualState x:Name="Unchecked">
 									<Storyboard>
-										<DoubleAnimationUsingKeyFrames Duration="0:0:0.2" Storyboard.TargetProperty="(Control.Width)" Storyboard.TargetName="CheckedEllipse">
-											<LinearDoubleKeyFrame Value="40" KeyTime="0:0:0.0" />
-											<LinearDoubleKeyFrame Value="0" KeyTime="0:0:0.1" />
-										</DoubleAnimationUsingKeyFrames>										
-                                        <DoubleAnimationUsingKeyFrames Duration="0:0:0.2" Storyboard.TargetProperty="(Control.Height)" Storyboard.TargetName="CheckedEllipse">
-											<LinearDoubleKeyFrame Value="40" KeyTime="0:0:0.0" />
-											<LinearDoubleKeyFrame Value="0" KeyTime="0:0:0.1" />
-										</DoubleAnimationUsingKeyFrames>										
+										<DoubleAnimation Duration="0" Storyboard.TargetProperty="(Control.Width)" Storyboard.TargetName="CheckedEllipse"
+                                                         To="0" />
+                                        <DoubleAnimation Duration="0" Storyboard.TargetProperty="(Control.Height)" Storyboard.TargetName="CheckedEllipse"
+                                                         To="0" />																				
 									</Storyboard>
 								</VisualState>
 							</VisualStateGroup>