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






Diagonal linear gradient multiple colors 2

Diagonal linear gradient multiple colors 2
  

<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="1" Grid.Row="2">
      <TextBlock Margin="5,10,5,0" Text="Diagonal 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,1">
            <GradientStop Color="Red" Offset="0.2" />
            <GradientStop Color="Yellow" Offset="0.3" />
            <GradientStop Color="Coral" Offset="0.4" />
            <GradientStop Color="Blue" Offset="0.5" />
            <GradientStop Color="White" Offset="0.6" />
            <GradientStop Color="Green" Offset="0.7" />
            <GradientStop Color="Purple" Offset="0.8" />
          </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 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