Expanding Circles : Path « Windows Presentation Foundation « VB.Net

Home
VB.Net
1.2D
2.Application
3.Class
4.Data Structure
5.Data Types
6.Database ADO.net
7.Date Time
8.Development
9.Event
10.File Directory
11.Generics
12.GUI
13.Internationalization I18N
14.Language Basics
15.LINQ
16.Network Remote
17.Reflection
18.Security
19.Thread
20.Windows Presentation Foundation
21.Windows System
22.XML
23.XML LINQ
VB.Net » Windows Presentation Foundation » PathScreenshots 
Expanding Circles
Expanding Circles
     

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      WindowTitle="Expanding Circles">
    <Canvas Width="400" Height="400"
          HorizontalAlignment="Center" VerticalAlignment="Center" >
        <Path Name="pathInner" Stroke="Red" StrokeThickness="12.5">
            <Path.Data>
                <EllipseGeometry x:Name="elips1" Center="200 200" RadiusX="0" RadiusY="0" />
            </Path.Data>
        </Path>
        <Path Stroke="Red" StrokeThickness="12.5">
            <Path.Data>
                <GeometryGroup>
                    <EllipseGeometry x:Name="elips2" Center="200 200" RadiusX="25" RadiusY="25" />
                </GeometryGroup>
            </Path.Data>
        </Path>

        <Canvas.Triggers>
            <EventTrigger RoutedEvent="Canvas.Loaded">
                <BeginStoryboard>
                    <Storyboard RepeatBehavior="Forever">
                        <DoubleAnimation Storyboard.TargetName="pathInner"
                             Storyboard.TargetProperty="StrokeThickness"
                             From="0" Duration="0:0:5" />

                        <DoubleAnimation Storyboard.TargetName="elips1" 
                             Storyboard.TargetProperty="RadiusX" 
                             From="0" To="25" IsAdditive="True"  
                             Duration="0:0:5" />

                        <DoubleAnimation Storyboard.TargetName="elips1" 
                             Storyboard.TargetProperty="RadiusY" 
                             From="0" To="25" IsAdditive="True"  
                             Duration="0:0:5" />

                        <DoubleAnimation Storyboard.TargetName="elips2" 
                             Storyboard.TargetProperty="RadiusX" 
                             From="0" To="25" IsAdditive="True"  
                             Duration="0:0:5" />

                        <DoubleAnimation Storyboard.TargetName="elips2" 
                             Storyboard.TargetProperty="RadiusY" 
                             From="0" To="25" IsAdditive="True"  
                             Duration="0:0:5" />


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

   
    
    
    
    
  
Related examples in the same category
1.Trivial PathTrivial Path
2.Path DataPath Data
3.A Path based on Path.Data, PathGeometry and LineSegmentA Path based on Path.Data, PathGeometry and LineSegment
4.Path StrokeDashArrayPath StrokeDashArray
5.Sample ArcSample Arc
6.Four Overlapping CirclesFour Overlapping Circles
7.Path IntersectPath Intersect
8.Closed PathFigureClosed PathFigure
9.PathGeometry FigurePathGeometry Figure
10.Path with OuterGlowBitmapEffectPath with OuterGlowBitmapEffect
11.Path with M, C and ZPath with M, C and Z
12.Path and PolyLineSegment.PointsPath and PolyLineSegment.Points
13.Double animation with pathDouble animation with path
14.Matrix animation with pathMatrix animation with path
15.Create a polyline with a PathGeometryCreate a polyline with a PathGeometry
16.Simple ArcSimple Arc
17.Draw a Curved Line with PathFigure, LineSegment, ArcSegmentDraw a Curved Line with PathFigure, LineSegment, ArcSegment
18.LineSegment inside a PathFigureLineSegment inside a PathFigure
19.ArcSegment inside a PathFigureArcSegment inside a PathFigure
20.Set SweepDirection=Clockwise for ArcSegmentSet SweepDirection=Clockwise for ArcSegment
21.PathFigure and BezierSegmentPathFigure and BezierSegment
22.Path with BlurBitmapEffectPath with BlurBitmapEffect
23.Path with DropShadowBitmapEffectPath with DropShadowBitmapEffect
24.Path based on GeometryGroupPath based on GeometryGroup
25.Set for RenderTransformOrigin PathSet for RenderTransformOrigin Path
26.Use TransformGroup to group transformationsUse TransformGroup to group transformations
27.Transform PathTransform Path
28.Grouped ShapesGrouped Shapes
29.FileRule = Nonzero for PathFileRule = Nonzero for Path
30.FileRule = EvenOdd for PathFileRule = EvenOdd for Path
31.Path with EllipseGeometriesPath with EllipseGeometries
32.One Path with two EllipseGeometriesOne Path with two EllipseGeometries
33.Path with ShadowPath with Shadow
34.Dotted PathDotted Path
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.