﻿<Window x:Class="Animation.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="300" Width="525" Background="Black">
    <Canvas>
        <Rectangle Width="100" Height="1000" Name="rasterbar" Canvas.Left="0" Canvas.Top="-300">
            <Rectangle.Fill>
                <!-- gradienteista tarkemmin osoitteessa http://msdn.microsoft.com/en-us/library/ms754083.aspx -->
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                    <GradientStop Color="#ff000000" Offset="0.0" />
                    <GradientStop x:Name="vari" Color="#ffff0000" Offset="0.5" />
                    <GradientStop Color="#ff000000" Offset="1.0" />
                </LinearGradientBrush>
            </Rectangle.Fill>
            <Rectangle.RenderTransform>
                <RotateTransform Angle="0" x:Name="rotate" CenterX="50" CenterY="500" /> 
            </Rectangle.RenderTransform>
            <Rectangle.Triggers>
                <EventTrigger RoutedEvent="Rectangle.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <!-- Attached propertyt pitää merkitä sulkeissa. Muut ilman sulkeita -->
                            <DoubleAnimation
                           Storyboard.TargetName="rasterbar" 
                           Storyboard.TargetProperty="(Canvas.Left)" 
                           From="0.0" To="300.0" Duration="0:0:5" 
                           AutoReverse="True" RepeatBehavior="Forever" />
                            <ColorAnimation
                           Storyboard.TargetName="vari" 
                           Storyboard.TargetProperty="Color" 
                           From="#ffff0000" To="#ffff00ff" Duration="0:0:5" 
                           AutoReverse="True" RepeatBehavior="Forever" />
                            <DoubleAnimation
                           Storyboard.TargetName="rotate" 
                           Storyboard.TargetProperty="Angle" 
                           From="0.0" To="360.0" Duration="0:0:5" 
                           AutoReverse="False" RepeatBehavior="Forever" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Rectangle.Triggers>
        </Rectangle>
    </Canvas>
</Window>
