Pulsating Rectangle : Rectangle « Windows Presentation Foundation « C# / CSharp Tutorial






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. 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>
WPF Pulsating Rectangle




24.91.Rectangle
24.91.1.A rectangle with curved cornersA rectangle with curved corners
24.91.2.Paints a rectangle with a grid pattern with VisualBrushPaints a rectangle with a grid pattern with VisualBrush
24.91.3.Paints a rectangle with a checkered pattern.Paints a rectangle with a checkered pattern.
24.91.4.Paints a rectangle with a grid patternPaints a rectangle with a grid pattern
24.91.5.Two of the drawing's rectangles are painted with an ImageBrush, creating a checkered pattern of imagesTwo of the drawing's rectangles are painted with an ImageBrush, creating a checkered pattern of images
24.91.6.Fill rectangle with Rectangle.Fill tag and LinearGradientBrushFill rectangle with Rectangle.Fill tag and LinearGradientBrush
24.91.7.Pulsating RectanglePulsating Rectangle
24.91.8.Rectangle Geometry DemoRectangle Geometry Demo
24.91.9.Rounded Rectangle Corner radius of 5Rounded Rectangle Corner radius of 5
24.91.10.Rounded Rectangle Corner radius of 10 (X) and 25 (Y)Rounded Rectangle Corner radius of 10 (X) and 25 (Y)
24.91.11.Rounded Rectangle Corner radius of 100 (X) and 60 (Y)Rounded Rectangle Corner radius of 100 (X) and 60 (Y)
24.91.12.A rectangle with a rotate transformationA rectangle with a rotate transformation
24.91.13.Trigger animation with Rectangle.MouseEnterTrigger animation with Rectangle.MouseEnter
24.91.14.Trigger animation with Rectangle.MouseLeaveTrigger animation with Rectangle.MouseLeave
24.91.15.Rectangle.Fill with ImageBrushRectangle.Fill with ImageBrush
24.91.16.Adding Rectangle to StackPanelAdding Rectangle to StackPanel
24.91.17.Create rectangles in WPF.Create rectangles in WPF.
24.91.18.Rectangle mouse down eventRectangle mouse down event
24.91.19.Rectangle mouse down previewRectangle mouse down preview
24.91.20.Change HeightChange Height
24.91.21.Change MinHeightChange MinHeight
24.91.22.Change MaxHeightChange MaxHeight