RadialGradientBrush Examples : RadialGradientBrush « Windows Presentation Foundation « VB.Net






RadialGradientBrush Examples

RadialGradientBrush Examples
     


<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>
    <Style TargetType="{x:Type Rectangle}">
      <Setter Property="Stroke" Value="Black"/>
      <Setter Property="StrokeThickness" Value="2"/>
      <Setter Property="Margin" Value="0,0,5,5"/>
      <Setter Property="VerticalAlignment" Value="Top"/>
    </Style>
    <Style TargetType="{x:Type Ellipse}">
      <Setter Property="Stroke" Value="Black"/>
      <Setter Property="StrokeThickness" Value="2"/>
      <Setter Property="Margin" Value="0,0,5,5"/>
    </Style>
  </Window.Resources>
    <StackPanel>
      <Rectangle Width="150" Height="150">
        <Rectangle.Fill>
          <RadialGradientBrush GradientOrigin="0.75,0.25">
            <GradientStop Color="Yellow" Offset="0.0" />
            <GradientStop Color="Orange" Offset="0.5" />
            <GradientStop Color="Red" Offset="1.0" />
          </RadialGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Ellipse Width="50" Height="50">
        <Ellipse.Fill>
          <RadialGradientBrush GradientOrigin="0.75,0.25">
            <GradientStop Color="White" Offset="0.0" />
            <GradientStop Color="MediumBlue" Offset="0.5" />
            <GradientStop Color="Black" Offset="1.0" />
          </RadialGradientBrush>
        </Ellipse.Fill>
      </Ellipse>
      <Ellipse Width="50" Height="50">
        <Ellipse.Fill>
          <RadialGradientBrush GradientOrigin="0.75,0.25">
            <GradientStop Color="AliceBlue" Offset="0.0" />
            <GradientStop Color="Purple" Offset="0.5" />
            <GradientStop Color="#330033" Offset="1.0" />
          </RadialGradientBrush>
        </Ellipse.Fill>
      </Ellipse>
      <Ellipse Width="50" Height="50">
        <Ellipse.Fill>
          <RadialGradientBrush GradientOrigin="0.75,0.25">
            <GradientStop Color="Yellow" Offset="0.0" />
            <GradientStop Color="Orange" Offset="0.5" />
            <GradientStop Color="Red" Offset="1.0" />
          </RadialGradientBrush>
        </Ellipse.Fill>
      </Ellipse>
    </StackPanel>
</Window>

   
    
    
    
    
  








Related examples in the same category

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