Pulsating Rectangle : Rectangle « Windows Presentation Foundation « C# / C Sharp

1. C# / C Sharp
2. Windows Presentation Foundation
3. Rectangle

Pulsating Rectangle

     

<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Rectangle Name="rect"
               Canvas.Left="96" Canvas.Top="96" 
               Width="192" Height="192"
               Stroke="Black">

    </Rectangle>

    <Canvas.Triggers>
        <EventTrigger RoutedEvent="Canvas.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="rect"
                                     Storyboard.TargetProperty="Width"
                                     From="192" To="204" Duration="0:0:0.1"
                                     AutoReverse="True"
                                     RepeatBehavior="Forever" />

                    <DoubleAnimation Storyboard.TargetName="rect"
                                     Storyboard.TargetProperty="Height"
                                     From="192" To="204" Duration="0:0:0.1"
                                     AutoReverse="True"
                                     RepeatBehavior="Forever" />

                    <DoubleAnimation Storyboard.TargetName="rect"
                                     Storyboard.TargetProperty="(Canvas.Left)"
                                     From="96" To="90" Duration="0:0:0.1"
                                     AutoReverse="True"
                                     RepeatBehavior="Forever" />

                    <DoubleAnimation Storyboard.TargetName="rect"
                                     Storyboard.TargetProperty="(Canvas.Top)"
                                     From="96" To="90" Duration="0:0:0.1"
                                     AutoReverse="True"
                                     RepeatBehavior="Forever" />


                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Canvas.Triggers>
</Canvas>

   
    
    
    
    
  

Related examples in the same category

1.	A rectangle with curved corners
2.	Paints a rectangle with a grid pattern with VisualBrush
3.	Paints a rectangle with a checkered pattern.
4.	Paints a rectangle with a grid pattern
5.	Two of the drawing's rectangles are painted with an ImageBrush, creating a checkered pattern of images
6.	Fill rectangle with Rectangle.Fill tag and LinearGradientBrush
7.	Rectangle Geometry Demo
8.	Rounded Rectangle Corner radius of 5
9.	Rounded Rectangle Corner radius of 10 (X) and 25 (Y)
10.	Rounded Rectangle Corner radius of 100 (X) and 60 (Y)
11.	A rectangle with a rotate transformation
12.	Trigger animation with Rectangle.MouseEnter
13.	Trigger animation with Rectangle.MouseLeave
14.	Rectangle.Fill with ImageBrush
15.	Adding Rectangle to StackPanel
16.	Create rectangles in WPF.
17.	Rectangle mouse down event
18.	Rectangle mouse down preview
19.	Change Height
20.	Change MinHeight
21.	Change MaxHeight