Fill Rectangle with Gradient color : Color « Graphics « Silverlight

1. Silverlight
2. Graphics
3. Color

Fill Rectangle with Gradient color

    

<UserControl x:Class="SilverlightApplication3.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="800" Height="600">

  <Canvas x:Name="LayoutRoot" Background="White" >
        <Rectangle Height="100" 
             Width="250" 
             Fill="Red" 
             StrokeThickness="20">

            <Rectangle.Stroke>
                <LinearGradientBrush>
                    <GradientStop Color="Orange" Offset="0.0" />
                    <GradientStop Color="Yellow" Offset="0.5" />
                    <GradientStop Color="Red" Offset="1.0" />
                </LinearGradientBrush>
            </Rectangle.Stroke>

        </Rectangle>
  </Canvas>
</UserControl>

   
    
    
    
  

Related examples in the same category

1.	From sRGB values in the Color strutcure
2.	Draws an oval with a blue interior
3.	Draws an oval with a blue interior and a black outline
4.	Diagonal Linear Gradient
5.	A Partially Transparent Button
6.	A Radial Gradient
7.	From predefined color name in the Colors class
8.	Fills the polylines with a light gray color
9.	The Color property of this rectangle's SolidColorBrush is animated.
10.	The Color property of the SolidColorBrush used to fill this rectangle is animated
11.	The Opacity property of this rectangle's SolidColorBrush is animated
12.	Specify using set Brush Color
13.	Specify using Red, Green and Blue hex values
14.	Specify using Alpha, Red Green and Blue hex values
15.	Specify using Red, Green and Blue hex values (2 digits per value)
16.	Specify using Alpha, Red, Green and Blue hex values (2 digits per value)
17.	Specify Red, Green and Blue using scRGB format
18.	Specify Alpha, Red, Green and Blue using scARGB format
19.	An alternative form of specifying colors is the floating point wide gamut linear RGB color space (scRGB)
20.	Fill an Ellipse with Cyan and Draw the border with Black color
21.	Horizontal Linear Gradient
22.	Multicolored Gradient
23.	Semi-transparent