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

Home
C# / C Sharp
1.2D Graphics
2.Class Interface
3.Collections Data Structure
4.Components
5.Data Types
6.Database ADO.net
7.Design Patterns
8.Development Class
9.Event
10.File Stream
11.Generics
12.GUI Windows Form
13.Language Basics
14.LINQ
15.Network
16.Office
17.Reflection
18.Regular Expressions
19.Security
20.Services Event
21.Thread
22.Web Services
23.Windows
24.Windows Presentation Foundation
25.XML
26.XML LINQ
C# / C Sharp by API
C# / CSharp Tutorial
C# / CSharp Open Source
C# / C Sharp » Windows Presentation Foundation » LinearGradientBrushScreenshots 
This rectangle is painted with a horizontal linear gradient
This rectangle is painted with a horizontal 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.5" EndPoint="1,0.5">
            <GradientStop Color="Yellow" Offset="0" />
            <GradientStop Color="Red" Offset="0.25" />
            <GradientStop Color="Blue" Offset="0.75" />
            <GradientStop Color="LimeGreen" Offset="1" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Line X1="1" Y1="50" X2="199" Y2="50" />
      <Path>
        <Path.Data>
          <GeometryGroup>
            <EllipseGeometry Center="0,50" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="50,50" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="150,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 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
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.