Kepler-Release/Venus/Venus_Themes/UserControls/VceControl.xaml

<UserControl x:Class="Venus_Themes.UserControls.VceControl"
             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" 
             xmlns:converter="clr-namespace:Venus_Themes.Converters"
             xmlns:controls="http://OpenSEMI.Ctrlib.com/presentation"
             mc:Ignorable="d" 
             d:DesignHeight="850" d:DesignWidth="600" x:Name="vcecontrol" >
    <UserControl.Resources>
        <converter:FOUPStatusConverter x:Key="FOUPStatusConverter"/>
    </UserControl.Resources>
    <Canvas>
        <!--Door-->
        <Canvas Panel.ZIndex="98" x:Name="VceDoor" Width="500" Height="700">
            <Canvas.Resources>
                <Storyboard x:Key="OpenDoor">
                    <ThicknessAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" >
                        <EasingThicknessKeyFrame KeyTime="0" Value="0,0,0,0"/>
                        <EasingThicknessKeyFrame KeyTime="0:0:5" Value="0,534,0,0"/>
                    </ThicknessAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="CloseDoor">
                    <ThicknessAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" >
                        <EasingThicknessKeyFrame KeyTime="0" Value="0,534,0,0"/>
                        <EasingThicknessKeyFrame KeyTime="0:0:5" Value="0,0,0,0"/>
                    </ThicknessAnimationUsingKeyFrames>
                </Storyboard>
            </Canvas.Resources>
                <Canvas.Style>
                    <Style>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding ElementName=vcecontrol,Path=VceDoorIsOpen}"  Value="true">
                                <!--false-->
                                <DataTrigger.EnterActions>
                                <BeginStoryboard Storyboard="{StaticResource CloseDoor}"/>
                                </DataTrigger.EnterActions>
                                <DataTrigger.ExitActions>
                                <BeginStoryboard Storyboard="{StaticResource OpenDoor}"/>
                                </DataTrigger.ExitActions>
                            </DataTrigger>

                    </Style.Triggers>
                    </Style>
                </Canvas.Style>
            <Image Source="/Venus_Themes;component/Themes/Images/parts/vce/vcedoor.png"  Height="700" Width="500" Canvas.Left="18" Canvas.Top="20" HorizontalAlignment="Left" VerticalAlignment="Center" >
            </Image>
        </Canvas>
        <!--Foup-->
        <Canvas x:Name="Foup" Panel.ZIndex="96" Canvas.Top="430">
            <Canvas   Width="180" Height="180" Panel.ZIndex="2" Canvas.Left="230" Canvas.Top="-50" VerticalAlignment="Top" HorizontalAlignment="Left"  x:Name="vceFoupAndWafer" Loaded="foup_Loaded">
            </Canvas>

            <Canvas Panel.ZIndex="1" Width="300" Height="500" Opacity=".9">
                <Viewbox  Width="300" Height="500" Canvas.Left="145" HorizontalAlignment="Left" VerticalAlignment="Center" Opacity="0.7">
                    <Image Source="/Venus_Themes;component/Themes/Images/parts/vce/Support.png" Height="700" Width="500" HorizontalAlignment="Left" VerticalAlignment="Center">
                    </Image>
                </Viewbox>
            </Canvas>
        </Canvas>
        <Canvas Panel.ZIndex="97">
            <Image Source="/Venus_Themes;component/Themes/Images/parts/vce/vcebuttom.png" Height="850" Width="600" ></Image>
        </Canvas>
        <Canvas Panel.ZIndex="100">
            <Image Source="/Venus_Themes;component/Themes/Images/parts/vce/vce1.png" Height="850" Width="600"></Image>
        </Canvas>
        <Canvas Panel.ZIndex="-1">
            <Image Source="/Venus_Themes;component/Themes/Images/parts/vce/VceShell2.png" Height="850" Width="600"></Image>
        </Canvas>
        <Canvas Panel.ZIndex="99" Height="500" Width="600" Canvas.Top="830" Background="#b1d2f2">
        </Canvas>

    </Canvas>

</UserControl>