Останавливается анимация в WPF

172

08 июня 2018, 20:10

Есть такой эллипс:

<Ellipse Width="12" Height="12" StrokeThickness="2" Stroke="#FF303030">
    <Ellipse.Triggers>
        <EventTrigger RoutedEvent="Ellipse.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetProperty="(Shape.StrokeThickness)"
                                     AutoReverse="True"
                                     RepeatBehavior="Forever"
                                     Duration="0:0:02"
                                     To="4"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Ellipse.Triggers>
</Ellipse>

Находится он в TabItem. Сперва всё отлично, но после того, как переключиться на любой другой TabItem, а затем вернуться обратно - анимация останавливается.

Подскажите, как сделать так, чтобы эллипс продолжал анимироваться после возврата на вкладку с ним?

Answer 1

На самом деле анимация работает, но при каждом переключении вкладок она стартует заново. Тут и кроется проблема: в вашей анимации указана только позиция To, поэтому если при переключении текущая толщина границ близка к 4, то анимация будет незаметна, проблема усугубляется еще тем, что при каждом переключении стартовая толщина становится всё больше и больше.

Решение, как вы уже наверное догадались, простое — установить стартовое значение явно: From="2"