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

Home
Silverlight
1.Animations
2.Communication
3.Containers
4.Data
5.Events
6.Graphics
7.Shapes
8.UI Controls
Silverlight » Graphics » LinearGradientBrushScreenshots 
LinearGradientBrush 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>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="1" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0.75" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0.5" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0.25" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0" />
      </Rectangle.Fill>
    </Rectangle>
    </StackPanel>

</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.Horizontal Linear Gradient and GradientStopHorizontal Linear Gradient and GradientStop
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
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.