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






This rectangle is painted with a radial gradient

This rectangle is painted with a radial 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>
          <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
            <RadialGradientBrush.GradientStops>
              <GradientStop Color="Yellow" Offset="0" />
              <GradientStop Color="Red" Offset="0.25" />
              <GradientStop Color="Blue" Offset="0.75" />
              <GradientStop Color="LimeGreen" Offset="1" />
            </RadialGradientBrush.GradientStops>
          </RadialGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Line X1="101" Y1="50" X2="199" Y2="50" />
      <Path>
        <Path.Data>
          <GeometryGroup>
            <EllipseGeometry Center="100,50" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="125,50" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="175,50" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="200,50" 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 diagonal linear gradientThis rectangle is painted with a diagonal linear gradient
13.This rectangle is painted with a horizontal linear gradientThis rectangle is painted with a horizontal linear gradient
14.This rectangle is painted with a vertical gradientThis rectangle is painted with a vertical 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