A Radial Gradient with an Offset Center : RadialGradientBrush « Graphics « Silverlight






  1. Silverlight
  2. Graphics
  3. RadialGradientBrush

A Radial Gradient with an Offset Center

   
<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 Background="White">
    <Ellipse Margin="5" Grid.Row="1" Stroke="Black" StrokeThickness="1">
      <Ellipse.Fill>
        <RadialGradientBrush RadiusX="1" RadiusY="1" GradientOrigin="0.7,0.3">
          <GradientStop Color="White" Offset="0" />
          <GradientStop Color="Blue" Offset="1" />
        </RadialGradientBrush>

      </Ellipse.Fill>
    </Ellipse>
  </StackPanel>
</UserControl>








Related examples in the same category

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