Animate GeometryDrawing Examples : Geometry « Windows Presentation Foundation « C# / C Sharp






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

Animate GeometryDrawing Examples

Animate GeometryDrawing Examples
    

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="Microsoft.Samples.Graphics.AnimateGeometryDrawingExample" 
  Title="Using a DrawingBrush">

  <DockPanel Name="myAnimatedDrawing" Height="400" Width="400">
          <DockPanel.Background>
            <DrawingBrush  TileMode="FlipXY" Viewport="0,0,100,100" ViewportUnits="Absolute" 
              Viewbox="0,0,1,1" ViewboxUnits="Absolute">
              <DrawingBrush.Drawing>  
                <GeometryDrawing >
                  <GeometryDrawing.Pen>
                    <Pen Brush="Orange" Thickness="0.1" />
                  </GeometryDrawing.Pen>
                  <GeometryDrawing.Geometry>                     
                    <EllipseGeometry RadiusX="0.45" RadiusY="0.2" Center="0.5,0.5" />
                  </GeometryDrawing.Geometry>
                </GeometryDrawing>
              </DrawingBrush.Drawing>
            </DrawingBrush>
          </DockPanel.Background>
  </DockPanel>

  <Page.Triggers>
    <EventTrigger RoutedEvent="Page.Loaded">
      <BeginStoryboard>
        <Storyboard>
          <DoubleAnimation 
            Storyboard.TargetName="myAnimatedDrawing" 
            Storyboard.TargetProperty="(DockPanel.Background).(DrawingBrush.Drawing).(GeometryDrawing.Geometry).(EllipseGeometry.RadiusX)"
            From="0.01" To="0.5" Duration="0:0:10" AutoReverse="True" RepeatBehavior="Forever" />         
        </Storyboard>
      </BeginStoryboard>
    </EventTrigger>
  </Page.Triggers>
</Page>








Related examples in the same category

1.LineGeometryLineGeometry
2.EllipseGeometry
3.RectangleGeometryRectangleGeometry
4.CombinedGeometry for Path.Data and DrawingBrush for Path.FillCombinedGeometry for Path.Data and DrawingBrush for Path.Fill
5.Combines two geometries using the XOR combine modeCombines two geometries using the XOR combine mode
6.Combines two geometries using the union combine modeCombines two geometries using the union combine mode
7.Combines two geometries using the exclude combine modeCombines two geometries using the exclude combine mode
8.Geometry Transform for RectangleGeometry Transform for Rectangle
9.Geometry Transform for PathGeometry Transform for Path
10.Geometry Used with a DrawingBrush
11.Geometry Used as a Clip
12.Tiled Geometry
13.Ellipse Geometry DemoEllipse Geometry Demo
14.LineGeometry DemoLineGeometry Demo
15.Use PolyBezierSegment to Simulated CircleUse PolyBezierSegment to Simulated Circle
16.Converting text to geometryConverting text to geometry
17.Use a PathGeometry object to highlight displayed text.Use a PathGeometry object to highlight displayed text.