Overlapping Rectangles : Rectangle « Shapes « Silverlight






  1. Silverlight
  2. Shapes
  3. Rectangle

Overlapping Rectangles

    
<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
    <Path Fill="Gold" Stroke="Red" StrokeThickness="3">
        <Path.Data>
            <RectangleGeometry Rect="96 96 192 192" />
        </Path.Data>
    </Path>

    <Path Fill="Blue" Stroke="Red" StrokeThickness="3">
        <Path.Data>
            <RectangleGeometry Rect="192 192 192 192" />
        </Path.Data>
    </Path>

    <Path Fill="Red" Stroke="Black" StrokeThickness="3">
        <Path.Data>
            <GeometryGroup>
                <RectangleGeometry Rect="480 96 192 192" />
                <RectangleGeometry Rect="576 192 192 192" />
            </GeometryGroup>
        </Path.Data>
    </Path>

</UserControl>








Related examples in the same category

1.Drawing an RectangleDrawing an Rectangle
2.Rectangles and AnimationRectangles and Animation
3.Rotating a Rectangle AnimationRotating a Rectangle Animation
4.Rendering Rectangles with Path ObjectsRendering Rectangles with Path Objects
5.Rendering Rectangles with Line ObjectsRendering Rectangles with Line Objects
6.Rectangles with a Shadow EffectRectangles with a Shadow Effect
7.Rectangles with RectangleGeometryRectangles with RectangleGeometry
8.Define a rectangleDefine a rectangle
9.Rectangles with Linear GradientsRectangles with Linear Gradients
10.Add an outline to the rectangleAdd an outline to the rectangle
11.Set rectangle Stroke Dash Array
12.This rectangle is painted with a diagonal linear gradientThis rectangle is painted with a diagonal linear gradient
13.This rectangle is painted with a horizontal linear gradientThis rectangle is painted with a horizontal linear gradient
14.This rectangle is painted with a vertical gradientThis rectangle is painted with a vertical gradient
15.This rectangle is painted with a radial gradientThis rectangle is painted with a radial gradient
16.One pixel horizontal line drawn as a rectangleOne pixel horizontal line drawn as a rectangle
17.A square that has been rotated by 30 degreesA square that has been rotated by 30 degrees
18.A square that has been scaled by a magnitude of 2.5A square that has been scaled by a magnitude of 2.5
19.A Rectangle that has been skewed by 18 degreesA Rectangle that has been skewed by 18 degrees
20.A basic RectangleA basic Rectangle
21.A Rectangle with rounded cornersA Rectangle with rounded corners
22.A rectangle with curved cornersA rectangle with curved corners
23.Fill rectangle with Rectangle.Fill tag and LinearGradientBrush
24.Rectangle.Fill with ImageBrushRectangle.Fill with ImageBrush
25.Adding Rectangle to StackPanel
26.Create rectangles in WPF.Create rectangles in WPF.