Rainbow color Animation by GradientStops[index].offset

      

<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Path Canvas.Left="150" Canvas.Top="150" StrokeThickness="25">
        <Path.Data>
            <PathGeometry>
                <PathGeometry.Figures>
                    <PathFigure StartPoint="0 -100">
                        <PolyBezierSegment 
                            Points=" 0 -100,-100 0,-100 0,100 -50,55 -100,0 -100" />
                    </PathFigure>
                </PathGeometry.Figures>
            </PathGeometry>
        </Path.Data>
        <Path.Stroke>
            <LinearGradientBrush x:Name="brush">
                <LinearGradientBrush.GradientStops>
                    <GradientStop Color="Red" />
                    <GradientStop Color="Orange" />
                    <GradientStop Color="Yellow" />
                    <GradientStop Color="Green" />
                    <GradientStop Color="Blue" />
                    <GradientStop Color="Indigo" />
                    <GradientStop Color="Violet" />
                </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
        </Path.Stroke>
        <Path.Triggers>
            <EventTrigger RoutedEvent="Path.Loaded">
                <BeginStoryboard>
                    <Storyboard TargetName="brush" SpeedRatio="3">
                        <DoubleAnimation
                            Storyboard.TargetProperty="GradientStops[0].Offset"
                            From="0" To="1" Duration="0:0:7"
                            RepeatBehavior="Forever" />
                        <DoubleAnimation
                            Storyboard.TargetProperty="GradientStops[1].Offset"
                            From="0" To="1"  Duration="0:0:7" 
                            BeginTime="0:0:1" RepeatBehavior="Forever" />
                        <DoubleAnimation
                            Storyboard.TargetProperty="GradientStops[2].Offset"
                            From="0" To="1" Duration="0:0:7"
                            BeginTime="0:0:2" RepeatBehavior="Forever" />
                        <DoubleAnimation
                            Storyboard.TargetProperty="GradientStops[3].Offset"
                            From="0" To="1" Duration="0:0:7"
                            BeginTime="0:0:3" RepeatBehavior="Forever" />
                        <DoubleAnimation
                            Storyboard.TargetProperty="GradientStops[4].Offset"
                            From="0" To="1" Duration="0:0:7"
                            BeginTime="0:0:4" RepeatBehavior="Forever" />
                        <DoubleAnimation
                            Storyboard.TargetProperty="GradientStops[5].Offset"
                            From="0" To="1" Duration="0:0:7"
                            BeginTime="0:0:5" RepeatBehavior="Forever" />
                        <DoubleAnimation
                            Storyboard.TargetProperty="GradientStops[6].Offset"
                            From="0" To="1" Duration="0:0:7"
                            BeginTime="0:0:6" RepeatBehavior="Forever" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Path.Triggers>
    </Path>
</Canvas>

1.	A Semi-Transparent Button
2.	Use RGB valued semi-transparent color to paint Ellipse
3.	Use RGB solid color to paint Ellipse
4.	RadialGradient Star
5.	ColorConverter and SolidColorBrush
6.	Ellipse with explicit SolidColorBrush
7.	Use System Colors in Your Graphics
8.	Use RGB color to fill Rectangle
9.	Use Named color to paint Rectangle
10.	Create semi-transparent color
11.	Three stops LinearGradientBrush
12.	Animating Color with ColorAnimation
13.	From a Hex string using ColorConverter
14.	From ScRGB values in the Color structure
15.	From sRGB values in the Color strutcure
16.	Using a LinearGradientBrush
17.	Multiple gradient stops
18.	Numeric color values
19.	From predefined color name in the Colors class
20.	Using SystemColors in Code
21.	using system colors to create gradients

Rainbow color Animation by GradientStops[index].offset : Color « Windows Presentation Foundation « VB.Net

Related examples in the same category