Animate GradientStop : Animation « Windows Presentation Foundation « VB.Net

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

Animate GradientStop

      
<Window x:Class="Animation.ImageWipe"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="ImageWipe" Height="300" Width="300">

  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition></RowDefinition>
      <RowDefinition Height="Auto"></RowDefinition>

    </Grid.RowDefinitions>
    <Grid>
      <Image Source="c:\image.jpg"></Image>
      <Image Source="c:\image.jpg" Name="imgDay">
        <Image.OpacityMask>
          <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
            <GradientStop Offset="0" Color="Transparent" x:Name="transparentStop" />
            <GradientStop Offset="0" Color="Black" x:Name="visibleStop" />
          </LinearGradientBrush>
        </Image.OpacityMask>
      </Image>
    </Grid>
    
      <Button Name="cmdStart" Grid.Row="1" Padding="5" Margin="5">
        Start
        <Button.Triggers>
          <EventTrigger SourceName="cmdStart" RoutedEvent="Button.Click">
            <BeginStoryboard> 
              <Storyboard>
                <DoubleAnimation
                    Storyboard.TargetName="transparentStop"
                    Storyboard.TargetProperty="Offset" BeginTime="0:0:0.2" 
                    From="0" To="1" Duration="0:0:1" ></DoubleAnimation>
                <DoubleAnimation
                    Storyboard.TargetName="visibleStop"
                    Storyboard.TargetProperty="Offset"
                    From="0" To="1.2" Duration="0:0:1.2" ></DoubleAnimation>
              </Storyboard>
            </BeginStoryboard>
          </EventTrigger>
        </Button.Triggers>
      </Button>
  </Grid>
</Window>

   
    
    
    
    
    
  

Related examples in the same category

1.	Animated StartPoint
2.	Animated EndPoint
3.	Animated StartPoint and EndPoint
4.	Animated GradientStop Offset with DoubleAnimation
5.	Animated GradientStop Color with ColorAnimation
6.	Animated GradientStop Opacity ColorAnimation.By
7.	Animated GradientOrigin
8.	Animated Center
9.	Animated Radius
10.	Animating Color
11.	Animating Gradient Offset
12.	Simple Key Frame Animation
13.	KeyFrame Point Animation
14.	Use Button to pause an animation with PauseStoryboard
15.	Use Button to resume an Animation with ResumeStoryboard
16.	Use Button to skip an Animation with SkipStoryboardToFill
17.	Use Button to stop an Animation with StopStoryboard
18.	Frame Rates
19.	Using PointAnimation
20.	PointAnimation and BezierSegment
21.	PointAnimation To
22.	Animate BezierCurve
23.	Animation of the combined transform
24.	Animate the Opacity of TextBlock at different starting time
25.	Animate Canvas position
26.	RepeatBehavior=2x
27.	Use DiscreteDoubleKeyFrame to switch text
28.	Paced Animation
29.	Xaml Clock
30.	Enlarge Buttons In Xaml
31.	Use SplineDoubleKeyFrame to rotate a Button
32.	Key frame animation
33.	Key frame spline animation
34.	Setting enumeration values with discrete animations with DiscreteObjectKeyFrame
35.	Point path animation
36.	String Animation Using Key Frames
37.	Expand Element
38.	Animating nested properties
39.	Animation LinearGradientBrush
40.	Use ColorAnimation to animate background
41.	Text Animation
42.	Start and stop an Animation with Button actions
43.	Animate Transformation
44.	Associating the clicking of each button with a stack of XAML that starts or stops the animation
45.	Limit the Frame Rate for All Animations in an Application
46.	Animated Button With Discrete Key Frames
47.	Animation In Xaml
48.	Using SpeedRatio in a hierarchy
49.	SplineDoubleKeyFrame and KeySpline
50.	Hold on end for an Animation
51.	Animate Several Properties
52.	Scaling parameters ScaleX and ScaleY are animated
53.	Animation ProgressBar.
54.	Control the Progress of an Animation
55.	Remove Animations with AnimationClock
56.	Remove Animations
57.	Timer triggered Animation
58.	Path animation by code, duration, RepeatBehavior
59.	Rolling Ball Animation
60.	Create an interactive animation using XAML and the Storyboard
61.	Create animations using the Storyboard in code
62.	Receive Notification When an Animation Completes
63.	Create DoubleAnimation and Animate a Button with Button.BeginAnimation and Button.WidthProperty
64.	Velocity animation
65.	A simple, finite animation
66.	Code Animation Accelerate Decelerate
67.	Animation with code
68.	Opacity Animation
69.	Width and Height animation
70.	TranslateTransform and DoubleAnimation
71.	Rotate Button Animation
72.	Rotate Button Animation With Layout
73.	A Simple Animation in Code
74.	Stop, resume animation with Storyboard