ListView에 포함된 이미지에 animation 효과를 넣는 방법 (doubleanimation 이용)

ListView에 포함된 이미지에 animation을 주자.

<ListView x:Name="AlarmListView" Margin="0,0,0,8" ItemsSource="{Binding AlarmCollection}" HorizontalAlignment="Stretch">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Arised Time" Width="150" DisplayMemberBinding="{Binding ArisedTime}" />
            <GridViewColumn Width="25">
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <Image Source="/Assets/red-circle.png" HorizontalAlignment="Center" Margin="0">
                            <Image.Triggers>
                                <EventTrigger RoutedEvent="Loaded">
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation To="0.2" Duration="0:0:0.5" Storyboard.TargetProperty="Opacity" RepeatBehavior="Forever" AutoReverse="True"/>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </EventTrigger>
                            </Image.Triggers>
                        </Image>
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
            <GridViewColumn Header="Message" DisplayMemberBinding="{Binding Message}" />
        </GridView>
    </ListView.View>
</ListView>

위와 같이 원하는 개체에 Triggers를 주며 구성해주면 된다.

RoutedEvent는 특별한 거 없이 항상 동작하기를 바라는 마음으로 Loaded를 주었다. 무조건 처음부터 시작하기.

그리고 RepeatBehavior과 AutoReverse를 주어 효과가 계속 반복되도록 하였음에 주의.