Virgo_Mask/VirgoUI/Controls/Parts/FoupTopView.xaml

<UserControl x:Class="VirgoUI.Client.Controls.Parts.FoupTopView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d"  Width="100" Height="66"
             d:DesignHeight="120" d:DesignWidth="100">
    <UserControl.Resources>
        <Storyboard x:Key="FoupLoaded">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Canvas.Top)" >
                <EasingDoubleKeyFrame KeyTime="0" Value="20"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="10"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Key="FoupUnloaded">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Canvas.Top)" >
                <EasingDoubleKeyFrame KeyTime="0" Value="10"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="20"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

        <Style TargetType="{x:Type Image}" x:Key="LP_Animation" >
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsFoupLoaded, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}" Value="true">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard Storyboard="{StaticResource FoupLoaded}"/>
                    </DataTrigger.EnterActions>
                    <DataTrigger.ExitActions>
                        <BeginStoryboard Storyboard="{StaticResource FoupUnloaded}"/>
                    </DataTrigger.ExitActions>
                </DataTrigger>
            </Style.Triggers>
        </Style>

    </UserControl.Resources>
    <Canvas x:Name="canvas" Width="100" Margin="0" >
        <Canvas.ContextMenu>
            <ContextMenu>
                <MenuItem Header="Home"  Click="Home"/>
                <MenuItem Header="Reset"  Click="Reset" />
                <MenuItem Header="Abort"  Click="Abort" />
                <MenuItem Header="Load"  Click="Load"/>
                <MenuItem Header="Unload"  Click="Unload"/>
                <MenuItem Header="Read Carrier ID"  Click="ReadCarrierID"/>
                <MenuItem Header="Clamp"  Click="Clamp" />
                <MenuItem Header="Unclamp"  Click="Unclamp"/>
                <MenuItem Header="Dock"  Click="Dock" />
                <MenuItem Header="Undock"  Click="Undock"/>
                <MenuItem Header="Open Door"  Click="OpenDoor"/>
                <MenuItem Header="Close Door"  Click="CloseDoor" />
                <MenuItem Header="Map"  Click="Map"/>
            </ContextMenu>
        </Canvas.ContextMenu>

        <Image Canvas.Top="20" Style="{StaticResource LP_Animation}" Source="/VirgoUI;component/Controls/Assets/Image1/foupTopView.png"    Width="100" Height="120"  />
        <Canvas.RenderTransform>
            <TranslateTransform Y="{Binding CanvasYPosition}">
            </TranslateTransform>
        </Canvas.RenderTransform>
    </Canvas>
</UserControl>