Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy is my WPF Path Animation flickering?
    text
    copied!<p>Why does the following animation flicker and act goofy on MouseLeave? If it can be repro-ed, I'll post a screencast.</p> <pre><code>&lt;Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"&gt; &lt;Canvas&gt; &lt;Path Fill="Blue" Margin="15,15,15,15"&gt; &lt;Path.Data&gt; &lt;!-- Describes an ellipse. --&gt; &lt;EllipseGeometry x:Name="MyAnimatedEllipseGeometry" Center="200,100" RadiusX="15" RadiusY="15" /&gt; &lt;/Path.Data&gt; &lt;Path.Triggers&gt; &lt;EventTrigger RoutedEvent="UIElement.MouseEnter"&gt; &lt;BeginStoryboard&gt; &lt;Storyboard Duration="0:0:.5"&gt; &lt;DoubleAnimation Storyboard.TargetName="MyAnimatedEllipseGeometry" Storyboard.TargetProperty="RadiusX" From="15" To="100" /&gt; &lt;DoubleAnimation Storyboard.TargetName="MyAnimatedEllipseGeometry" Storyboard.TargetProperty="RadiusY" From="15" To="100" /&gt; &lt;/Storyboard&gt; &lt;/BeginStoryboard&gt; &lt;/EventTrigger&gt; &lt;EventTrigger RoutedEvent="UIElement.MouseLeave"&gt; &lt;BeginStoryboard&gt; &lt;Storyboard Duration="0:0:.5"&gt; &lt;DoubleAnimation Storyboard.TargetName="MyAnimatedEllipseGeometry" Storyboard.TargetProperty="RadiusX" From="100" To="15" /&gt; &lt;DoubleAnimation Storyboard.TargetName="MyAnimatedEllipseGeometry" Storyboard.TargetProperty="RadiusY" From="100" To="15" /&gt; &lt;/Storyboard&gt; &lt;/BeginStoryboard&gt; &lt;/EventTrigger&gt; &lt;/Path.Triggers&gt; &lt;/Path&gt; &lt;/Canvas&gt; &lt;/Page&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload