Radial Color Gradients : RadialGradientBrush « Graphics « Silverlight

1. Silverlight
2. Graphics
3. RadialGradientBrush

Radial Color Gradients

   
<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="200" Height="100"
           Canvas.Left="50" Canvas.Top="50"
           Stroke="Black" StrokeThickness="4">
      <Rectangle.Fill>
        <RadialGradientBrush Center="0.5 0.5"
                  GradientOrigin="0.5 0.5"
                  RadiusX="0.5" RadiusY="0.5">
    
         <GradientStop Color="Yellow" Offset="0"/>
         <GradientStop Color="Red"  Offset="0.40"/>
         <GradientStop Color="Blue" Offset="0.80"/>
        </RadialGradientBrush>
       </Rectangle.Fill>
     </Rectangle>
    </Canvas>
</UserControl>

   
    
    
  

Related examples in the same category

1.	XAML That Implements a RadialGradientBrush to a Rectangle Control
2.	Use RadialGradientBrush to fill Ellipse
3.	RadialGradientBrush Opacity from 1 to 0
4.	RadialGradientBrush examples and Define GradientStop in Resource
5.	RadialGradientBrush GradientOrigin
6.	RadialGradientBrush Rectangle.Stroke
7.	Radial Gradient Brush with offset 0.5
8.	A Radial Gradient with an Offset Center
9.	Transform RadialGradientBrush
10.	A basic RadialGradientBrush
11.	Comparing various uses of the RadiusX and RadiusY properties of the RadialGradientBrush