Curves and Animation

   

<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'>
<Canvas>

  <Path Name="qbezier1"
             Data="M 20,20 Q 500,500 200,80"
             Fill="Red" Stroke="Black"
             StrokeThickness="1">
    <Path.Triggers>
     <EventTrigger RoutedEvent="Path.Loaded">
      <EventTrigger.Actions>
       <BeginStoryboard>
        <Storyboard
         Storyboard.TargetProperty="StrokeThickness"
         Storyboard.TargetName="qbezier1">
          <DoubleAnimation From="1" To="16"
                           Duration="0:0:4"/>
        </Storyboard>
       </BeginStoryboard>
      </EventTrigger.Actions>
     </EventTrigger>
    </Path.Triggers>
  </Path>
 </Canvas>
</UserControl>

1.	Path Mini-language Commands
2.	Creating a Path
3.	Line Joins Miter
4.	Discrete Point Jumps
5.	Creating Elliptic Arcs with Path
6.	Elliptic Arcs with ArcSegment Objects
7.	Path with fill rule F1 = NonZero
8.	Path Data
9.	Use Ellipse Geometry as Path Data
10.	Use RectangleGeometry as Path Data
11.	Vertical Line with Path
12.	Horizontal Line with Path
13.	Line with Path
14.	Path gradient and Bezier
15.	Single Bezier
16.	Overlapping Stars
17.	Path Mini Language
18.	Multiple Subpaths
19.	Close Path Command
20.	Path.Data with LineSegment
21.	Path Margin as resource
22.	Shorthand Path data
23.	Drawn with a Path Shape with Geometry
24.	Multiple Line Segments
25.	Mini Language Infinity

Curves and Animation : Path « Shapes « Silverlight

Related examples in the same category