XAML故事板Fadein - 淡出不透明循环

时间:2011-09-24 11:07:12

标签: wpf xaml opacity storyboard

在我的WPF应用程序中,我有一个ListBox,我正在自定义ItemTemplate。在我的ItemTemplate中,我有一个选定项目的边框,我使用StoryBoard从0 - 1,然后是1 - 0淡入/淡出。

我现在正试图弄清楚如何让它循环。

我尝试在Opacity Value为0时添加第二个Trigger Proprty,但最终应用于ListBox中的所有项目,而不仅仅是所选项目。

<Storyboard x:Key="FadeUpAndFlash">
<DoubleAnimation From="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0:0:1" FillBehavior="Stop"/></Storyboard>


<Border x:Name="HighlightBorder" BorderBrush="Yellow" BorderThickness="3" Margin="0,0,5,0" CornerRadius="10" ClipToBounds="True">
<Border.Style>
    <Style TargetType="{x:Type Border}">
        <Setter Property="Opacity" Value="0"/>
        <Style.Triggers>
            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ListBoxItem}},Path=IsSelected}" Value="True">
                <DataTrigger.Setters>
                    <Setter Property="Opacity" Value="1"/>
                </DataTrigger.Setters>
                <DataTrigger.EnterActions>
                    <BeginStoryboard Storyboard="{StaticResource FadeUpAndFlash}" Name="AnimateImageBorder" />
                </DataTrigger.EnterActions>
            </DataTrigger>
            <Trigger Property="Opacity" Value="1">
                <Trigger.EnterActions>
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetProperty="Opacity" From="1" To="0" Duration="0:0:2"/>
                        </Storyboard>
                    </BeginStoryboard>
                </Trigger.EnterActions>
            </Trigger>
        </Style.Triggers>
    </Style>
</Border.Style>

任何想法如何让故事板循环?

1 个答案:

答案 0 :(得分:2)

AutoReverse="True"中使用DoubleAnimation RepeatBehavior="Forever"如果你想让它无穷无尽。