LinearGradientBrush Opacity from 1 to 0 : LinearGradientBrush « Windows Presentation Foundation « C# / C Sharp

1. C# / C Sharp
2. Windows Presentation Foundation
3. LinearGradientBrush

LinearGradientBrush Opacity from 1 to 0

  
<Window x:Class="Workspace.DockExample"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Workspace" Width="640" Height="480">
    <Window.Resources>
        <GradientStopCollection x:Key="myGradientStops">
      <GradientStop Color="Blue" Offset="0.0" />
      <GradientStop Color="Black" Offset="0.5" />
      <GradientStop Color="Transparent" Offset="1.0" />
    </GradientStopCollection>
    </Window.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>
</Window>

   
    
  

Related examples in the same category

1.	Diagonal linear gradient - multiple colors
2.	Diagonal linear gradient multiple colors 2
3.	Diagonal linear gradient with 0.5 Offset for White
4.	Horizontal linear gradient
5.	Vertical linear gradient
6.	LinearGradientBrush SpreadMethod
7.	LinearGradientBrush SpreadMethod=Reflect
8.	LinearGradientBrush SpreadMethod=Repeat
9.	RadialGradientBrush SpreadMethod=Pad
10.	RadialGradientBrush SpreadMethod=Reflect
11.	RadialGradientBrush SpreadMethod=Repeat
12.	This rectangle is painted with a diagonal linear gradient
13.	This rectangle is painted with a horizontal linear gradient
14.	This rectangle is painted with a vertical gradient
15.	This rectangle is painted with a radial gradient
16.	LinearGradientBrush examples with GradientStop as Resources
17.	Applies a RotateTransform to the brush's RelativeTransform property
18.	GradientStopCollection
19.	Animated GradientStop Offset
20.	Animated GradientStop Color
21.	Animated GradientStop Opacity
22.	Using LinearGradientBrush to draw a 3D button