Use OpacityMask and RadialGradientBrush : RadialGradientBrush « Windows Presentation Foundation « VB.Net






Use OpacityMask and RadialGradientBrush

Use OpacityMask and RadialGradientBrush
     
<Window x:Class="OpacityMaskExample"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title=""
  Height="430" Width="300">
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Grid Grid.Row="0" Margin="5">
      <Grid.Background>
        <ImageBrush ImageSource="c:\image.jpg" />
      </Grid.Background>
      <Ellipse Width="200" Height="200" StrokeThickness="0"
        Fill="Yellow" Margin="20">
        <Ellipse.OpacityMask>
          <RadialGradientBrush GradientOrigin="0.5,0.5"
            Center="0.5,0.5" RadiusX="1" RadiusY="1">
            <GradientStop Offset="0" Color="Transparent" />
            <GradientStop Offset="1" Color="Yellow" />
          </RadialGradientBrush>
        </Ellipse.OpacityMask>
      </Ellipse>
    </Grid>



  </Grid>
</Window>

   
    
    
    
    
  








Related examples in the same category

1.RadialGradientBrush ExamplesRadialGradientBrush Examples
2.Fill with offset RadialGradientBrushFill with offset RadialGradientBrush
3.Using a RadialGradientBrushUsing a RadialGradientBrush
4.Using RadialGradientBrush to fill a RectangleUsing RadialGradientBrush to fill a Rectangle
5.RadialGradientBrush.RelativeTransformRadialGradientBrush.RelativeTransform
6.RotateTransform RadialGradientBrush.TransformRotateTransform RadialGradientBrush.Transform
7.RadialGradientBrush and GradientStopRadialGradientBrush and GradientStop
8.Centered RadialGradientBrush static resourceCentered RadialGradientBrush static resource