This rectangle is painted with a diagonal linear gradient : LinearGradientBrush « Windows Presentation Foundation « C# / C Sharp






This rectangle is painted with a diagonal linear gradient

This rectangle is painted with a diagonal linear gradient
  
<Window x:Class="Workspace.DockExample"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Workspace" Width="640" Height="480">
    <Canvas Width="200" Height="100">

      <Rectangle Width="200" Height="100">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
            <GradientStop Color="Yellow" Offset="0" />
            <GradientStop Color="Red" Offset="0.25" />
            <GradientStop Color="Blue" Offset="0.75" />
            <GradientStop Color="Black" Offset="1" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Line X1="1" Y1="1" X2="199" Y2="99" />
      <Path>
        <Path.Data>
          <GeometryGroup>
            <EllipseGeometry Center="0,0" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="50,25" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="150,75" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="200,100" RadiusX="4" RadiusY="4" />
          </GeometryGroup>
        </Path.Data>
      </Path>
    </Canvas>

</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.Vertical linear gradientVertical linear gradient
6.LinearGradientBrush SpreadMethodLinearGradientBrush SpreadMethod
7.LinearGradientBrush SpreadMethod=ReflectLinearGradientBrush SpreadMethod=Reflect
8.LinearGradientBrush SpreadMethod=RepeatLinearGradientBrush SpreadMethod=Repeat
9.RadialGradientBrush SpreadMethod=PadRadialGradientBrush SpreadMethod=Pad
10.RadialGradientBrush SpreadMethod=ReflectRadialGradientBrush SpreadMethod=Reflect
11.RadialGradientBrush SpreadMethod=RepeatRadialGradientBrush SpreadMethod=Repeat
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