Vertical linear gradient : LinearGradientBrush « Windows Presentation Foundation « C# / C Sharp






Vertical linear gradient

Vertical linear gradient
  

<Window x:Class="WpfApplication1.LinearGradientBrushExample"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="LinearGradientBrush" Height="375" Width="300">
    <StackPanel>
      <TextBlock Margin="5" Text="Vertical linear gradient:" />
      <Rectangle Width="100" Height="75" Stroke="Blue">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
            <GradientStop Color="Blue" Offset="0" />
            <GradientStop Color="Yellow" Offset="1" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
    </StackPanel>
</Window>

   
    
  








Related examples in the same category

1.Diagonal linear gradient - multiple colorsDiagonal linear gradient - multiple colors
2.Diagonal linear gradient multiple colors 2Diagonal linear gradient multiple colors 2
3.Diagonal linear gradient with 0.5 Offset for WhiteDiagonal linear gradient with 0.5 Offset for White
4.Horizontal linear gradientHorizontal linear gradient
5.LinearGradientBrush SpreadMethodLinearGradientBrush SpreadMethod
6.LinearGradientBrush SpreadMethod=ReflectLinearGradientBrush SpreadMethod=Reflect
7.LinearGradientBrush SpreadMethod=RepeatLinearGradientBrush SpreadMethod=Repeat
8.RadialGradientBrush SpreadMethod=PadRadialGradientBrush SpreadMethod=Pad
9.RadialGradientBrush SpreadMethod=ReflectRadialGradientBrush SpreadMethod=Reflect
10.RadialGradientBrush SpreadMethod=RepeatRadialGradientBrush SpreadMethod=Repeat
11.This rectangle is painted with a diagonal linear gradientThis rectangle is painted with a diagonal linear gradient
12.This rectangle is painted with a horizontal linear gradientThis rectangle is painted with a horizontal linear gradient
13.This rectangle is painted with a vertical gradientThis rectangle is painted with a vertical gradient
14.This rectangle is painted with a radial gradientThis rectangle is painted with a radial gradient
15.LinearGradientBrush examples with GradientStop as ResourcesLinearGradientBrush examples with GradientStop as Resources
16.Applies a RotateTransform to the brush's RelativeTransform propertyApplies a RotateTransform to the brush's RelativeTransform property
17.GradientStopCollectionGradientStopCollection
18.LinearGradientBrush Opacity from 1 to 0LinearGradientBrush Opacity from 1 to 0
19.Animated GradientStop OffsetAnimated GradientStop Offset
20.Animated GradientStop ColorAnimated GradientStop Color
21.Animated GradientStop OpacityAnimated GradientStop Opacity
22.Using LinearGradientBrush to draw a 3D buttonUsing LinearGradientBrush to draw a 3D button