Diagonal linear gradient - multiple colors : Line « Shapes « Silverlight

1. Silverlight
2. Shapes
3. Line

Diagonal linear gradient - multiple colors

  

<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'>
    <StackPanel Grid.Column="0" Grid.Row="2">
      <TextBlock Margin="5,10,5,0"
        Text="Vertical 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,0">
            <GradientStop Color="Red" Offset="0.3" />
            <GradientStop Color="Green" Offset="0.5" />
            <GradientStop Color="Blue" Offset="0.8" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
    </StackPanel>

</UserControl>

   
    
  

Related examples in the same category

1.	Draws a line from (10,10) to (50,50)
2.	Draws a diagonal line from (10,10) to (50,50) and moves it 100 pixels to the right
3.	Draw a Grid
4.	Diagonal linear gradient multiple colors 2
5.	Diagonal linear gradient with 0.5 Offset for White
6.	Vertical linear gradient
7.	Vertical Line
8.	Horizontal Line