Animation target Canvas Left, Top : Canvas « Windows Presentation Foundation « C# / CSharp Tutorial






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. Canvas
<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Ellipse Width="48" Height="48" Fill="Red" Canvas.Left="0" Canvas.Top="0">
        <Ellipse.Triggers>
            <EventTrigger RoutedEvent="Ellipse.MouseDown">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation 
                            Storyboard.TargetProperty="(Canvas.Left)"
                            From="0" To="300" Duration="0:0:0.25"
                            AutoReverse="True" 
                            RepeatBehavior="20x" />
                        <DoubleAnimation 
                            Storyboard.TargetProperty="(Canvas.Top)"
                            From="0" To="480" Duration="0:0:5"
                            AutoReverse="True" />
                        <ParallelTimeline BeginTime="0:0:10" FillBehavior="Stop">
                            <DoubleAnimation Storyboard.TargetProperty="Width" From="48" To="480" Duration="0:0:1" />
                            <DoubleAnimation Storyboard.TargetProperty="Height" From="48" To="480" Duration="0:0:1" />
                        </ParallelTimeline>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Ellipse.Triggers>
    </Ellipse>
</Canvas>
WPF Animation Target Canvas Left Top




24.37.Canvas
24.37.1.Simple Canvas LayoutSimple Canvas Layout
24.37.2.Put Nested Canvas to TabItemPut Nested Canvas to TabItem
24.37.3.Positioning on a CanvasPositioning on a Canvas
24.37.4.Canvas without ViewboxCanvas without Viewbox
24.37.5.Animation target Canvas Left, TopAnimation target Canvas Left, Top
24.37.6.Pixel Not SnappedPixel Not Snapped
24.37.7.Rotate Shape in a CanvasRotate Shape in a Canvas
24.37.8.Canvas dependantCanvas dependant
24.37.9.Canvas.SetTopCanvas.SetTop
24.37.10.Canvas.SetBottomCanvas.SetBottom
24.37.11.Canvas.SetRightCanvas.SetRight
24.37.12.Canvas PreviewMouseDown action and MouseDown actionCanvas PreviewMouseDown action and MouseDown action
24.37.13.Create a Scrollable Canvas ControlCreate a Scrollable Canvas Control
24.37.14.Create a Zoomable Canvas ControlCreate a Zoomable Canvas Control
24.37.15.Set control position for CanvasSet control position for Canvas
24.37.16.Canvas Positioning Properties SampleCanvas Positioning Properties Sample
24.37.17.Get position on a Canvas with Canvas.GetLeftGet position on a Canvas with Canvas.GetLeft
24.37.18.Canvas size changed event