Animated GradientStop Offset : LinearGradientBrush « Windows Presentation Foundation « C# / CSharp Tutorial






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. LinearGradientBrush
<Window x:Class="WpfApplication1.ShapesWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="ShapesWindow" Height="160" Width="400">
      <Window.Resources>
        <Style TargetType="{x:Type TextBlock}">
          <Setter Property="Background" Value="White" />
          <Setter Property="Padding" Value="10" />
          <Setter Property="BitmapEffect">
            <Setter.Value>
              <OuterGlowBitmapEffect GlowColor="White" />
            </Setter.Value>
          </Setter>
        </Style>
        <Style TargetType="{x:Type Rectangle}">
          <Setter Property="BitmapEffect">
            <Setter.Value>
              <DropShadowBitmapEffect />
            </Setter.Value>
          </Setter>
        </Style>
      </Window.Resources>
    <StackPanel>
          <Rectangle Width="200"  Height="100" Stroke="Black" StrokeThickness="1" Margin="10">
            <Rectangle.Fill>
              <LinearGradientBrush>
                <GradientStop Color="MediumBlue" Offset="0.0" />
                <GradientStop x:Name="gradientStopA2" Color="Purple" Offset="0.5" />
                <GradientStop Color="Red" Offset="1.0" />
              </LinearGradientBrush>
            </Rectangle.Fill>

            <Rectangle.Triggers>
              <EventTrigger RoutedEvent="Rectangle.MouseLeftButtonDown">
                <BeginStoryboard>
                  <Storyboard>
                    <DoubleAnimation 
                      Storyboard.TargetName="gradientStopA2"
                      Storyboard.TargetProperty="Offset"
                      From="0.0" To="1.0" Duration="0:0:3" FillBehavior="Stop" />
                  </Storyboard>
                </BeginStoryboard>
              </EventTrigger>
            </Rectangle.Triggers>
          </Rectangle>
    </StackPanel>
</Window>
WPF Animated Gradient Stop Offset




24.101.LinearGradientBrush
24.101.1.Reflected GradientReflected Gradient
24.101.2.Multicolored GradientMulticolored Gradient
24.101.3.Horizontal Linear Gradient and GradientStopHorizontal Linear Gradient and GradientStop
24.101.4.Diagonal linear gradient - multiple colorsDiagonal linear gradient - multiple colors
24.101.5.Diagonal linear gradient multiple colors 2Diagonal linear gradient multiple colors 2
24.101.6.Diagonal linear gradient with 0.5 Offset for WhiteDiagonal linear gradient with 0.5 Offset for White
24.101.7.Horizontal linear gradientHorizontal linear gradient
24.101.8.Vertical linear gradientVertical linear gradient
24.101.9.LinearGradientBrush SpreadMethodLinearGradientBrush SpreadMethod
24.101.10.LinearGradientBrush SpreadMethod=ReflectLinearGradientBrush SpreadMethod=Reflect
24.101.11.LinearGradientBrush SpreadMethod=RepeatLinearGradientBrush SpreadMethod=Repeat
24.101.12.RadialGradientBrush SpreadMethod=PadRadialGradientBrush SpreadMethod=Pad
24.101.13.RadialGradientBrush SpreadMethod=ReflectRadialGradientBrush SpreadMethod=Reflect
24.101.14.RadialGradientBrush SpreadMethod=RepeatRadialGradientBrush SpreadMethod=Repeat
24.101.15.This rectangle is painted with a diagonal linear gradientThis rectangle is painted with a diagonal linear gradient
24.101.16.This rectangle is painted with a horizontal linear gradientThis rectangle is painted with a horizontal linear gradient
24.101.17.This rectangle is painted with a vertical gradientThis rectangle is painted with a vertical gradient
24.101.18.This rectangle is painted with a radial gradientThis rectangle is painted with a radial gradient
24.101.19.LinearGradientBrush examples with GradientStop as ResourcesLinearGradientBrush examples with GradientStop as Resources
24.101.20.Applies a RotateTransform to the brush's RelativeTransform propertyApplies a RotateTransform to the brush's RelativeTransform property
24.101.21.GradientStopCollectionGradientStopCollection
24.101.22.LinearGradientBrush Opacity from 1 to 0LinearGradientBrush Opacity from 1 to 0
24.101.23.Animated GradientStop OffsetAnimated GradientStop Offset
24.101.24.Animated GradientStop ColorAnimated GradientStop Color
24.101.25.Animated GradientStop OpacityAnimated GradientStop Opacity
24.101.26.Using LinearGradientBrush to draw a 3D buttonUsing LinearGradientBrush to draw a 3D button
24.101.27.Create LinearGradientBrush
24.101.28.Set start point and end point for LinearGradientBrush from Vector
24.101.29.Using LinearGradientBrush to paint the window background
24.101.30.Create LinearGradientBrush and use it as stoke
24.101.31.WPF LinearGradientBrush
24.101.32.Set brush mapping mode to Absolute