LinearGradientBrush animation : LinearGradientBrush « Windows Presentation Foundation « VB.Net

1. VB.Net
2. Windows Presentation Foundation
3. LinearGradientBrush

LinearGradientBrush animation

     

<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Rectangle Name="rect"
               Canvas.Left="96" Canvas.Top="96" 
               Width="192" Height="192"
               Stroke="Black">
        <Rectangle.Fill>
            <LinearGradientBrush x:Name="brush">
                <LinearGradientBrush.GradientStops>
                    <GradientStop Offset="0" Color="Red" />
                    <GradientStop Offset="1" Color="Blue" />
                </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
        </Rectangle.Fill>
    </Rectangle>

    <Canvas.Triggers>
        <EventTrigger RoutedEvent="Canvas.Loaded">
            <BeginStoryboard>
                <Storyboard>

                    <PointAnimation Storyboard.TargetName="brush"
                                    Storyboard.TargetProperty="StartPoint"
                                    From="0 0" To="1 0" Duration="0:0:5"
                                    AutoReverse="True"
                                    RepeatBehavior="Forever" />

                    <PointAnimation Storyboard.TargetName="brush"
                                    Storyboard.TargetProperty="EndPoint"
                                    From="1 1" To="0 1" Duration="0:0:5"
                                    AutoReverse="True"
                                    RepeatBehavior="Forever" />

                    <ColorAnimation 
                        Storyboard.TargetName="brush"
                        Storyboard.TargetProperty="GradientStops[0].Color"
                        From="Red" To="Blue" Duration="0:0:1" 
                        AutoReverse="True"
                        RepeatBehavior="Forever" />

                    <ColorAnimation 
                        Storyboard.TargetName="brush"
                        Storyboard.TargetProperty="GradientStops[1].Color"
                        From="Blue" To="Red" Duration="0:0:1" 
                        AutoReverse="True"
                        RepeatBehavior="Forever" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Canvas.Triggers>
</Canvas>

   
    
    
    
    
  

Related examples in the same category

1.	LinearGradientBrush for Rectangle.Stroke
2.	LinearGradientBrush Examples
3.	Text Box with LinearGradientBrush
4.	Fill with diagonal LinearGradientBrush
5.	Rectangle with LinearGradientBrush
6.	LinearGradientBrush.RelativeTransform
7.	LinearGradientBrush.Transform RotateTransform
8.	LinearGradientBrush With 0.5 Offset for White
9.	Stroke with horizontal multi-color LinearGradientBrush
10.	Fill the overline decoration with a linear gradient brush in VB
11.	Fill the baseline decoration with a linear gradient brush in VB