RadialGradientBrush Opacity from 1 to 0 : RadialGradientBrush « Graphics « Silverlight

Home
Silverlight
1.Animations
2.Communication
3.Containers
4.Data
5.Events
6.Graphics
7.Shapes
8.UI Controls
Silverlight » Graphics » RadialGradientBrushScreenshots 
RadialGradientBrush Opacity from 1 to 0
   

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

    <UserControl.Resources>
        <GradientStopCollection x:Key="myGradientStops">
      <GradientStop Color="Blue" Offset="0.0" />
      <GradientStop Color="Black" Offset="0.5" />
      <GradientStop Color="Transparent" Offset="1.0" />
    </GradientStopCollection>
    </UserControl.Resources>
    <StackPanel>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <RadialGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="1.0" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1" >
      <Rectangle.Fill>
        <RadialGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0.75" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <RadialGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0.5" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <RadialGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0.25" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <RadialGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0" />
      </Rectangle.Fill>
    </Rectangle>
    </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 examples and Define GradientStop in Resource
5.RadialGradientBrush GradientOriginRadialGradientBrush GradientOrigin
6.RadialGradientBrush Rectangle.StrokeRadialGradientBrush Rectangle.Stroke
7.Radial Gradient Brush with offset 0.5Radial Gradient Brush with offset 0.5
8.A Radial Gradient with an Offset Center
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
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.