Vertical linear gradient : Line « Shapes « Silverlight

1. Silverlight
2. Shapes
3. Line

Vertical linear gradient

  

<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>
      <TextBlock Margin="5" Text="Vertical linear gradient:" />
      <Rectangle Width="100" Height="75" Stroke="Blue">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
            <GradientStop Color="Blue" Offset="0" />
            <GradientStop Color="Red" Offset="0.5" />
            <GradientStop Color="Yellow" Offset="1" />
          </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
5.	Diagonal linear gradient multiple colors 2
6.	Diagonal linear gradient with 0.5 Offset for White
7.	Vertical Line
8.	Horizontal Line