Animar WPF Datatemplate cuando el elemento se agrega a Listbox?

data-binding xaml

Question

En mi proyecto, tengo un Listbox de WPF vinculado a un ObservableCollection. Cada vez que agrego un nuevo elemento a la Colección, el mismo elemento se agrega automáticamente a Listbox. Para mostrar los elementos en Listbox, utilizo XAML Datatemplate.

Lo que quiero hacer es animar un elemento una vez cuando se agrega a la Colección / Listbox. Se puede hacer esto? Como la animación en la plantilla de datos tal vez? Supongo que necesito un disparador de alguna manera para iniciar este animado, pero ¿qué disparador se dispara cuando se agrega un nuevo elemento / plantilla de datos?

Answer 1

Creo que un evento desencadenante para el evento enrutado FrameworkElement.Loaded podría funcionar. Por ejemplo:

<DataTemplate DataType="{x:Type l:Foo}">
<Button x:Name="Button" Content="{Binding Path=Bar}">
<Button.Background>
<SolidColorBrush x:Name="ButtonBrush" Color="Tan" />
</Button.Background>
</Button>
<DataTemplate.Triggers>
<EventTrigger RoutedEvent="FrameworkElement.Loaded" SourceName="Button">
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetName="ButtonBrush" Storyboard.TargetProperty="Color" To="Red" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</DataTemplate.Triggers>
</DataTemplate>