Анимировать вновь добавленный элемент в Listbox

Я пытаюсь добавить анимацию к недавно добавленному элементу и/или измененному элементу в моем списке, вот что я сделал до сих пор:

<Style x:Key = "ListBoxItemStyle4" TargetType = "{x:Type ListBoxItem}">
        <Setter Property = "LayoutTransform">
            <Setter.Value>
                <ScaleTransform x:Name = "transform" />
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <EventTrigger RoutedEvent = "Loaded">
                <EventTrigger.Actions>
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetProperty = "Opacity" From = "0" To = "1" Duration = "0:0:2" />
                            <DoubleAnimation Storyboard.TargetProperty = "LayoutTransform.ScaleY" From = "0" Duration = "0:0:.2"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
        </Style.Triggers>
    </Style>

Это оживляет каждый элемент в моем списке.

@Tejus Можно ли отправить команду из кода для запуска анимации для одного элемента. Что-то вроде: listBox12.Items.GetItemAt(i)

— 10.04.2019 14:49

Я не уверен на 100%. Но попробуйте изменить RoutedEvent на SourceUpdated. docs.microsoft.com/en-us/dotnet/api/…

— 10.04.2019 14:50

Эй, проверьте это. stackoverflow.com/questions/2242571/…

— 10.04.2019 14:52

Нашел еще одну статью, похожую на то, что вы делаете. stackoverflow.com/questions/2269505/…

— 10.04.2019 14:55

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

— 10.04.2019 15:00

wpf

10.04.2019 14:41

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В этой статье описан рабочий пример:

https://social.technet.microsoft.com/wiki/contents/articles/31416.wpf-mvvm-friendly-user-notification.aspx#Toast

Он применяет анимацию через itemcontainerstyle:

    <ListBox ItemsSource = "{Binding Messages}" BorderBrush = "Transparent" Background = "LightGray">
        <ListBox.ItemContainerStyle>
            <Style TargetType = "{x:Type ListBoxItem}">
                <Setter Property = "Template">
                    <Setter.Value>
                        <ControlTemplate TargetType = "{x:Type ListBoxItem}">
                            <ContentPresenter/>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Setter Property = "LayoutTransform">
                    <Setter.Value>
                        <ScaleTransform/>
                    </Setter.Value>
                </Setter>
                <Style.Triggers>
                    <EventTrigger RoutedEvent = "Loaded">
                        <EventTrigger.Actions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation Storyboard.TargetProperty = "Opacity" From = "0" To = "1" Duration = "0:0:1.2" FillBehavior = "Stop" />
                                    <DoubleAnimation Storyboard.TargetProperty = "LayoutTransform.ScaleY" From = "0" Duration = "0:0:1.2" FillBehavior = "Stop">
                                        <DoubleAnimation.EasingFunction>
                                            <BounceEase Bounces = "2" Bounciness = "6"/>
                                        </DoubleAnimation.EasingFunction>
                                    </DoubleAnimation>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger.Actions>
                    </EventTrigger>

Также рассматривается анимация перед удалением.

10.04.2019 15:56