Horizontal Linear Gradient and GradientStop : LinearGradientBrush « Graphics « Silverlight






Horizontal Linear Gradient and GradientStop

Horizontal Linear Gradient and GradientStop
    



<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'>
  <Canvas>

    <Rectangle Width="150" Height="100" Grid.Row="2" Margin="5">
      <Rectangle.Fill>
        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1" >
          <GradientStop Color="Blue" Offset="0"/>
          <GradientStop Color="White" Offset="1" />
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <TextBlock Grid.Row="2" Grid.Column="1" VerticalAlignment="Center" Margin="5">Horizontal Linear Gradient</TextBlock>

  </Canvas>
</UserControl>

   
    
    
    
  








Related examples in the same category

1.Adding a LinearGradientBrushAdding a LinearGradientBrush
2.LinearGradientBrush SpreadMethodLinearGradientBrush SpreadMethod
3.LinearGradientBrush SpreadMethod=ReflectLinearGradientBrush SpreadMethod=Reflect
4.LinearGradientBrush SpreadMethod=RepeatLinearGradientBrush SpreadMethod=Repeat
5.RadialGradientBrush SpreadMethod=PadRadialGradientBrush SpreadMethod=Pad
6.RadialGradientBrush SpreadMethod=ReflectRadialGradientBrush SpreadMethod=Reflect
7.RadialGradientBrush SpreadMethod=RepeatRadialGradientBrush SpreadMethod=Repeat
8.LinearGradientBrush examples with GradientStop as Resources
9.LinearGradientBrush Opacity from 1 to 0
10.Consider the following use of a LinearGradientBrushConsider the following use of a LinearGradientBrush
11.Paint Grid background with LinearGradientBrush in codePaint Grid background with LinearGradientBrush in code
12.LinearGradientPath and GradientStopCollectionLinearGradientPath and GradientStopCollection
13.A basic LinearGradientBrush rendered diagonallyA basic LinearGradientBrush rendered diagonally
14.A basic LinearGradientBrush rendered horizontallyA basic LinearGradientBrush rendered horizontally
15.A horizontal LinearGradientBrush with multiple transitionsA horizontal LinearGradientBrush with multiple transitions
16.Simulating lighting effects with linear fillsSimulating lighting effects with linear fills