Анимация изменения цвета фона элемента при наведении мыши в XAML
Published in Полезные советы
Чтобы создать простейший эффект изменения цвета фона элемента, создадим в разделе статических ресурсов:
<Color x:Key="selectedColor" A="255" R="191" G="191" B="204" />
<Color x:Key="originalColor" A="255" R="230" G="230" B="250" />
<SolidColorBrush x:Key="originalColorBrush" Color="{StaticResource originalColor}" />
Теперь для элемента настроим триггеры:
<Border Background="{StaticResource originalColorBrush}">
<Border.Triggers>
<EventTrigger RoutedEvent="Border.MouseEnter">
<BeginStoryboard>
<Storyboard>
<ColorAnimation From="{StaticResource originalColor}" To="{StaticResource selectedColor}" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Duration="0:0:0.5" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Border.Triggers>
…
</Border>