dngchn's [WPF]2017. 9. 1. 15:18

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를 주어 효과가 계속 반복되도록 하였음에 주의.

'dngchn's [WPF]' 카테고리의 다른 글

컨트롤 마다 animation 동기화(synchronization) 하기  (0) 2017.09.01
ListView Column Resize disable 시키기  (0) 2017.09.01
Listview에 이미지 넣기  (0) 2017.09.01
Convert image to SVG  (1) 2017.07.21
Modern UI for WPF (MUI)  (0) 2017.07.17
Posted by dngchn