Squaring The Circle : Path « Windows Presentation Foundation « C# / CSharp Tutorial

1. C# / CSharp Tutorial
2. Windows Presentation Foundation
3. Path

<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        RenderTransform="2 0 0 -2 300 300">

    <Path StrokeThickness="3" Stroke="Blue" Fill="AliceBlue">
        <Path.Data>
            <PathGeometry>
                <PathFigure x:Name="bez1" IsClosed="True">
                    <BezierSegment x:Name="bez2" />
                </PathFigure>
                <PathGeometry.Transform>
                    <RotateTransform Angle="45" />
                </PathGeometry.Transform>
            </PathGeometry>
        </Path.Data>
    </Path>

    <Canvas.Triggers>
        <EventTrigger RoutedEvent="Canvas.Loaded">
            <BeginStoryboard>
                <Storyboard RepeatBehavior="Forever" AutoReverse="True" >
                    <PointAnimation Storyboard.TargetName="bez1"
                                    Storyboard.TargetProperty="StartPoint"
                                    From="0 100" To="0 125" />

                    <PointAnimation Storyboard.TargetName="bez2"
                                    Storyboard.TargetProperty="Point1"
                                    From="55 100" To="62.5 62.5" />

                    <PointAnimation Storyboard.TargetName="bez2"
                                    Storyboard.TargetProperty="Point2"
                                    From="100 55" To="62.5 62.5" />

                    <PointAnimation Storyboard.TargetName="bez2"
                                    Storyboard.TargetProperty="Point3"
                                    From="100 0" To="125 0" />


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

24.87.Path
	24.87.1.	Multiple Subpaths with PathFigure
	24.87.2.	Close Path Command with PathFigure
	24.87.3.	Drawn with a Path Shape with Geometry
	24.87.4.	Vertical Line
	24.87.5.	Horizontal Line
	24.87.6.	Cubic Bezier Curve with BezierSegment
	24.87.7.	Line with PathGeometry
	24.87.8.	Elliptical Arc
	24.87.9.	Quadratic Bezier Curve with PathFigure
	24.87.10.	Creates a composite shape from three geometries. This GeometryGroup has a FillRule of NonZero
	24.87.11.	Creates a composite shape from three geometries
	24.87.12.	Multiple Subpaths
	24.87.13.	Close Path Command
	24.87.14.	Elliptical Arc Path
	24.87.15.	Vertical Line with Path
	24.87.16.	Horizontal Line with Path
	24.87.17.	Line with Path
	24.87.18.	Combines two geometries using the intersect combine mode
	24.87.19.	Transform Path defined in Resource
	24.87.20.	Difference between CounterClockwise and Clockwise
	24.87.21.	Path gradient and Bezier
	24.87.22.	Path Angle Animated Button
	24.87.23.	Path Animated Button
	24.87.24.	Squaring The Circle
	24.87.25.	Single Bezier
	24.87.26.	Overlapping Stars
	24.87.27.	Path Mini Language
	24.87.28.	Overlapping Rectangles
	24.87.29.	Multiple Line Segments
	24.87.30.	Figure With Arcs
	24.87.31.	Counterclockwise (default), small arc (default)
	24.87.32.	Counterclockwise (default), IsLargeArc
	24.87.33.	Clockwise, small arc (default)
	24.87.34.	Clockwise, IsLargeArc
	24.87.35.	Eclipse Sun
	24.87.36.	Mini Language Infinity
	24.87.37.	Large ArcSegments
	24.87.38.	Small ArcSegment
	24.87.39.	Bezier Curve with BezierSegment
	24.87.40.	PolyBezierSegment Demo
	24.87.41.	Multiple geometries
	24.87.42.	Combined geometries GeometryCombineMode=Exclude
	24.87.43.	Path.Data with LineSegment
	24.87.44.	Path Margin as resource
	24.87.45.	Shorthand Path data
	24.87.46.	Path with Shadow
	24.87.47.	Discrete Point Jumps