ASP.NET & Csharp (C#)

ASP.NET & Csharp (C#) , Here you can find my posts about .NET c# .

GradientStopCollection

Posted on by coder 


   
  
<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 Offset="0.0" Color="Blue" />
      <GradientStop Offset="0.4" Color="Black" />
      <GradientStop Offset="0.5" Color="White" />
      <GradientStop Offset="0.6" Color="Black" />
      <GradientStop Offset="0.7" Color="Blue" />
    </GradientStopCollection>
    
    </Window.Resources>


    <Rectangle Width="175" Height="90" Stroke="Black" >
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}">
          <LinearGradientBrush.Transform>
            <RotateTransform CenterX="87.5" CenterY="45" Angle="45" />
          </LinearGradientBrush.Transform>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
</Window>

Applies a RotateTransform to the brush's RelativeTransform property

Posted on by coder 


   
  
<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 Offset="0.0" Color="Blue" />
      <GradientStop Offset="0.4" Color="Black" />
      <GradientStop Offset="0.5" Color="White" />
      <GradientStop Offset="0.6" Color="Black" />
      <GradientStop Offset="0.7" Color="Blue" />
    </GradientStopCollection>
    
    </Window.Resources>
    <Rectangle Width="175" Height="90" Stroke="Black">
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}">
          <LinearGradientBrush.RelativeTransform>
            <RotateTransform CenterX="0.5" CenterY="0.5" Angle="45" />
          </LinearGradientBrush.RelativeTransform>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>

</Window>

LinearGradientBrush examples with GradientStop as Resources

Posted on by coder 


   
  
    
<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 Offset="0.0" Color="Blue" />
      <GradientStop Offset="0.4" Color="Black" />
      <GradientStop Offset="0.5" Color="White" />
      <GradientStop Offset="0.6" Color="Black" />
      <GradientStop Offset="0.7" Color="Blue" />
    </GradientStopCollection>
    
    </Window.Resources>
    <Rectangle Width="175" Height="90" Stroke="Black">
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}"></LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
</Window>

This rectangle is painted with a radial gradient

Posted on by coder 


   
  

<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">
    <Canvas Width="200" Height="100">
      <Rectangle Width="200" Height="100">
        <Rectangle.Fill>
          <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
            <RadialGradientBrush.GradientStops>
              <GradientStop Color="Yellow" Offset="0" />
              <GradientStop Color="Red" Offset="0.25" />
              <GradientStop Color="Blue" Offset="0.75" />
              <GradientStop Color="LimeGreen" Offset="1" />
            </RadialGradientBrush.GradientStops>
          </RadialGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Line X1="101" Y1="50" X2="199" Y2="50" />
      <Path>
        <Path.Data>
          <GeometryGroup>
            <EllipseGeometry Center="100,50" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="125,50" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="175,50" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="200,50" RadiusX="4" RadiusY="4" />
          </GeometryGroup>
        </Path.Data>
      </Path>
    </Canvas>

</Window>

This rectangle is painted with a vertical gradient

Posted on by coder 


   
  
<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">
    <Canvas Width="200" Height="100">
      <Rectangle Width="200" Height="100">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
            <LinearGradientBrush.GradientStops>
              <GradientStop Color="Yellow" Offset="0" />
              <GradientStop Color="Red" Offset="0.25" />
              <GradientStop Color="Blue" Offset="0.75" />
              <GradientStop Color="LimeGreen" Offset="1" />
            </LinearGradientBrush.GradientStops>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Line X1="100" Y1="1" X2="100" Y2="99" />
      <Path>
        <Path.Data>
          <GeometryGroup>
            <EllipseGeometry Center="100,0" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="100,25" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="100,75" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="100,100" RadiusX="4" RadiusY="4" />
          </GeometryGroup>
        </Path.Data>
      </Path>
    </Canvas>

</Window>

This rectangle is painted with a horizontal linear gradient

Posted on by coder 


   
  
<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">
    <Canvas Width="200" Height="100">
      <Rectangle Width="200" Height="100">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
            <GradientStop Color="Yellow" Offset="0" />
            <GradientStop Color="Red" Offset="0.25" />
            <GradientStop Color="Blue" Offset="0.75" />
            <GradientStop Color="LimeGreen" Offset="1" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Line X1="1" Y1="50" X2="199" Y2="50" />
      <Path>
        <Path.Data>
          <GeometryGroup>
            <EllipseGeometry Center="0,50" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="50,50" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="150,50" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="200,50" RadiusX="4" RadiusY="4" />
          </GeometryGroup>
        </Path.Data>
      </Path>
    </Canvas>

</Window>

This rectangle is painted with a diagonal linear gradient

Posted on by coder 


   
  
<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">
    <Canvas Width="200" Height="100">

      <Rectangle Width="200" Height="100">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
            <GradientStop Color="Yellow" Offset="0" />
            <GradientStop Color="Red" Offset="0.25" />
            <GradientStop Color="Blue" Offset="0.75" />
            <GradientStop Color="Black" Offset="1" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Line X1="1" Y1="1" X2="199" Y2="99" />
      <Path>
        <Path.Data>
          <GeometryGroup>
            <EllipseGeometry Center="0,0" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="50,25" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="150,75" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="200,100" RadiusX="4" RadiusY="4" />
          </GeometryGroup>
        </Path.Data>
      </Path>
    </Canvas>

</Window>