Почему свойство AutoReverse не возвращает в исходный цвет при многократном срабатывании триггера?

Question

[IseeCollapse]

При многократном срабатывании триггера цвет бордера не возвращается в базовый, в чем дело?

<Border.Triggers>
                                    <EventTrigger RoutedEvent="MouseEnter">
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <ColorAnimation To="CadetBlue" Duration="0:0:0.5" Storyboard.TargetProperty="Background.Color" AutoReverse="True"/>
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger>
                                </Border.Triggers>

Answer 1

[IseeCollapse]

Корректно рабочей реализацией является:

<Border.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                      <Trigger.EnterAction>
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <ColorAnimation To="CadetBlue" Duration="0:0:0.5" Storyboard.TargetProperty="Background.Color"/>
                                            </Storyboard>
                                        </BeginStoryboard>
                                      </Trigger.EnterAction>
                                     <Trigger.ExitAction>
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <ColorAnimation To="Black" Duration="0:0:0.5" Storyboard.TargetProperty="Background.Color"/>
                                            </Storyboard>
                                        </BeginStoryboard>
                                      </Trigger.ExitAction>
                                    </Trigger>
                                </Border.Triggers>

Answer 2

[Вячеслав Золотов]

У вас анимация секунду в оба конца выполняться будет, если не ошибаюсь, что не очень хорошо т.к. анимации freezable. Возможно в этом проблема.
Возможные пути решения:

1. Попробовать уменьшить время анимации
   
2. Решить задачу без анимации. Тут прям напрашивается использование visual states
   

Comments

[IseeCollapse]

Суть стиля заключается в создании таблицы бордеров, которые создают змейку за мышкой. Уменьшение времени анимации не особо помогает, ибо если водить быстро мышкой по одному и тому же бордеру он все равно зависает и больше не возвращает исходный цвет ни при каких обстоятельствах. А без анимации не будет эффекта угасающей змейки.

[Вячеслав Золотов]

Тогда пробуйте останавливать и перезапускать анимацию через шарповый код если она работает.

[IseeCollapse]

Вячеслав Золотов, правильно заработала реализация не через eventtrigger,а через просто триггер с enteraction и exitaction