Diagonal linear gradient - multiple colors : LinearGradientBrush « Windows Presentation Foundation « C# / C Sharp






Diagonal linear gradient - multiple colors

Diagonal linear gradient - multiple colors
  

<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 Grid.Column="0" Grid.Row="2">
      <TextBlock Margin="5,10,5,0"
        Text="Vertical linear gradient" />
      <TextBlock Margin="5,0,5,5" Text="- multiple colors" />
      <Rectangle Width="100" Height="75" Stroke="Blue">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0,0"
            EndPoint="1,0">
            <GradientStop Color="Red" Offset="0.3" />
            <GradientStop Color="Green" Offset="0.5" />
            <GradientStop Color="Blue" Offset="0.8" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
    </StackPanel>
</Window>

   
    
  








Related examples in the same category

1.Diagonal linear gradient multiple colors 2Diagonal linear gradient multiple colors 2
2.Diagonal linear gradient with 0.5 Offset for WhiteDiagonal linear gradient with 0.5 Offset for White
3.Horizontal linear gradientHorizontal linear gradient
4.Vertical linear gradientVertical 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