A horizontal LinearGradientBrush with multiple transitions

    

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>

    <Grid x:Name="LayoutRoot" Background="White">
        <Rectangle StrokeThickness="0" Width="200" Height="64" Canvas.Left="8" Canvas.Top="8">
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                    <GradientStop Color="Yellow" Offset="0" />
                    <GradientStop Color="Orange" Offset=".45" />
                    <GradientStop Color="Blue" Offset=".55" />
                    <GradientStop Color="Green" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>
</UserControl>

1.	Adding a LinearGradientBrush
2.	LinearGradientBrush SpreadMethod
3.	LinearGradientBrush SpreadMethod=Reflect
4.	LinearGradientBrush SpreadMethod=Repeat
5.	RadialGradientBrush SpreadMethod=Pad
6.	RadialGradientBrush SpreadMethod=Reflect
7.	RadialGradientBrush SpreadMethod=Repeat
8.	LinearGradientBrush examples with GradientStop as Resources
9.	LinearGradientBrush Opacity from 1 to 0
10.	Horizontal Linear Gradient and GradientStop
11.	Consider the following use of a LinearGradientBrush
12.	Paint Grid background with LinearGradientBrush in code
13.	LinearGradientPath and GradientStopCollection
14.	A basic LinearGradientBrush rendered diagonally
15.	A basic LinearGradientBrush rendered horizontally
16.	Simulating lighting effects with linear fills

A horizontal LinearGradientBrush with multiple transitions : LinearGradientBrush « Graphics « Silverlight

Related examples in the same category