wpf - WPF 楕円の塗りつぶしアニメーションを点滅させる

Question

私はこの素晴らしい投稿を見ていました: How do I make a ellipse blink? まばたきをフェードさせず、代わりにフェードせずにすぐに色を変更する方法はありますか?

Answer 1

を使用しDiscreteColorKeyFrameます。を設定し KeyTimeて、いつトリガーするかを指定します。

点滅の例を次に示しますEllipse。Fill毎秒赤と青を交互に

<Ellipse Fill="Red">
    <Ellipse.Triggers>
        <EventTrigger RoutedEvent="Ellipse.Loaded">
            <EventTrigger.Actions>
                <BeginStoryboard>
                    <Storyboard>
                        <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Ellipse.Fill).(SolidColorBrush.Color)"
                                                      Duration="0:0:2"
                                                      FillBehavior="HoldEnd"
                                                      RepeatBehavior="Forever">
                            <ColorAnimationUsingKeyFrames.KeyFrames>
                                <DiscreteColorKeyFrame KeyTime="0:0:0" Value="Red"/>
                                <DiscreteColorKeyFrame KeyTime="0:0:1" Value="Blue"/>
                            </ColorAnimationUsingKeyFrames.KeyFrames>
                        </ColorAnimationUsingKeyFrames>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger.Actions>                    
        </EventTrigger>
    </Ellipse.Triggers>
</Ellipse>