Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy is my WPF Path Animation flickering?
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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