With StayOnCenter ripple considers position of inner element

With StayOnCenter ripple considers position of inner element, so
togglebutton now have a bubble effect.
Also now ripple try adjust rippleSize to Content element first.

Author: l1pton17

MaterialDesignThemes.Wpf/Ripple.cs

@@ -81,8 +81,20 @@ protected override void OnPreviewMouseLeftButtonDown(MouseButtonEventArgs e)
 
             if (StayOnCenter)
             {
-                RippleX = this.ActualWidth / 2 - RippleSize / 2;
-                RippleY = this.ActualHeight / 2 - RippleSize / 2;
+                var innerContent = (Content as FrameworkElement);
+
+                if (innerContent != null)
+                {
+                    Point position = innerContent.TransformToAncestor(this)
+                        .Transform(new Point(0, 0));
+                    RippleX = position.X + innerContent.ActualWidth/ 2 - RippleSize / 2;
+                    RippleY = position.Y + innerContent.ActualHeight / 2 - RippleSize / 2;
+                }
+                else
+                {
+                    RippleX = ActualWidth / 2 - RippleSize / 2;
+                    RippleY = ActualHeight / 2 - RippleSize / 2;
+                }
             }
             else
             {

MaterialDesignThemes.Wpf/Themes/MaterialDesignTheme.RatingBar.xaml

@@ -35,6 +35,7 @@
                                                 VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                                                 Padding="{TemplateBinding Padding}" 
                                                 SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                                                RippleSizeMultiplier="0.5"
                                                 StayOnCenter="True"
                                                 RenderTransformOrigin=".5, .5">
                                         <wpf:Ripple.RenderTransform>

MaterialDesignThemes.Wpf/Themes/MaterialDesignTheme.ToggleButton.xaml

@@ -245,17 +245,23 @@
 					<Viewbox Width="34">
 						<Grid>
 							<Rectangle x:Name="Track" Fill="Black" HorizontalAlignment="Left" Height="15" Margin="4.211,5,4.211,0" Stroke="{x:Null}" VerticalAlignment="Top" Width="40" RadiusY="7.5" RadiusX="7.5" Opacity="0.26"/>
-							<Ellipse x:Name="Thumb" Fill="#FFFAFAFA" HorizontalAlignment="Left" Height="25" Margin="0,0,0,0" Stroke="{x:Null}" VerticalAlignment="Top" Width="25" RenderTransformOrigin="0.5,0.5" Effect="{DynamicResource MaterialDesignShadowDepth1}">
-								<Ellipse.RenderTransform>
-									<TransformGroup>
-										<ScaleTransform/>
-										<SkewTransform/>
-										<RotateTransform/>
-										<TranslateTransform/>
-									</TransformGroup>
-								</Ellipse.RenderTransform>
-							</Ellipse>
-						</Grid>
+                            <wpf:Ripple StayOnCenter="True"
+                                        ClipToBounds="False"
+                                        RippleSizeMultiplier="0.75"
+                                        wpf:RippleAssist.ClipToBounds="False"
+                                        x:Name="RippleWrapper">
+							    <Ellipse x:Name="Thumb" Fill="#FFFAFAFA" HorizontalAlignment="Left" Height="25" Margin="0,0,0,0" Stroke="{x:Null}" VerticalAlignment="Top" Width="25" RenderTransformOrigin="0.5,0.5" Effect="{DynamicResource MaterialDesignShadowDepth1}">
+							    	<Ellipse.RenderTransform>
+							    		<TransformGroup>
+							    			<ScaleTransform/>
+							    			<SkewTransform/>
+							    			<RotateTransform/>
+							    			<TranslateTransform/>
+							    		</TransformGroup>
+							    	</Ellipse.RenderTransform>
+							    </Ellipse>
+                            </wpf:Ripple>
+                        </Grid>
 					</Viewbox>
 					<ControlTemplate.Triggers>
 						<Trigger Property="IsChecked" Value="True">
@@ -270,7 +276,9 @@
 						</Trigger>
 						<Trigger Property="Button.IsDefaulted" Value="true"/>
 						<Trigger Property="IsMouseOver" Value="true"/>
-						<Trigger Property="IsPressed" Value="true"/>
+                        <Trigger Property="IsPressed" Value="true">
+                            <Setter TargetName="RippleWrapper" Property="IsActive" Value="True"/>
+                        </Trigger>
 						<Trigger Property="IsEnabled" Value="false">
 							<Setter TargetName="Thumb" Property="Fill" Value="#BDBDBD" />
 							<Setter TargetName="Track" Property="Fill">