Virgo_ST/VirgoUI/Controls/Parts/EFEMTopView.xaml

<UserControl x:Class="VirgoUI.Client.Controls.Parts.EFEMTopView"
             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:parts="clr-namespace:VirgoUI.Client.Models.Controls"
             xmlns:parts1="clr-namespace:VirgoUI.Client.Controls.Parts"
             xmlns:converters="clr-namespace:Aitex.Core.UI.Converters;assembly=MECF.Framework.UI.Core" xmlns:parts2="clr-namespace:VirgoUI.Controls.Parts"
             mc:Ignorable="d" 
             d:DesignHeight="636" d:DesignWidth="621">
    <UserControl.Resources>

    </UserControl.Resources>
    <Canvas Margin="0">
        <Viewbox Height="415" Width="480" Canvas.Left="-95">
            <Canvas Height="400" Width="400" Canvas.Top="80">
                <Image Source="/VirgoUI;component/Themes/Images/STPicture/sp01.png"  Width="385" Canvas.Left="130" Canvas.Top="125"/>
                <Rectangle Width="315" Height="315" Fill="#DEDEDE" Canvas.Left="165" Canvas.Top="160" Opacity="1"></Rectangle>
                <Image Source="/VirgoUI;component/Themes/Images/STPicture/bg01.png" Canvas.Left="160" Canvas.Top="155" Height="325" Opacity="0.7" Width="330" />

            </Canvas>
        </Viewbox>
        <Canvas Height="400" Width="400" Canvas.Top="80">
            <Canvas.Resources>
                <Storyboard x:Key="ATMDoor_Open">
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" >
                        <EasingDoubleKeyFrame KeyTime="0" Value="88"/>
                        <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="38"/>
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Storyboard x:Key="ATMDoor_Close">
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" >
                        <EasingDoubleKeyFrame KeyTime="0" Value="38"/>
                        <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="88"/>
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
                <Style TargetType="{x:Type Rectangle}" x:Key="SlitValveA_Animation" >
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding PMASlitValveIsOpen}" Value="true">
                            <DataTrigger.EnterActions>
                                <BeginStoryboard Storyboard="{StaticResource ATMDoor_Open}"/>
                            </DataTrigger.EnterActions>
                            <DataTrigger.ExitActions>
                                <BeginStoryboard Storyboard="{StaticResource ATMDoor_Close}"/>
                            </DataTrigger.ExitActions>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
                <Style TargetType="{x:Type Rectangle}" x:Key="SlitValveB_Animation" >
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding PMBSlitValveIsOpen}" Value="true">
                            <DataTrigger.EnterActions>
                                <BeginStoryboard Storyboard="{StaticResource ATMDoor_Open}"/>
                            </DataTrigger.EnterActions>
                            <DataTrigger.ExitActions>
                                <BeginStoryboard Storyboard="{StaticResource ATMDoor_Close}"/>
                            </DataTrigger.ExitActions>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Canvas.Resources>
            <Image Source="/VirgoUI;component/Themes/Images/STPicture/chamber.png"  Width="235" Canvas.Left="155" Height="187" Canvas.Top="-124"/>

            <Viewbox Width="330" Height="295">
                <Canvas Width="200" Height="200">
                    <Path Data="M204.5,180 L187.5,185 154.5,92.5 269,51.5 302.5,142 289.5,148 294,161 321.5,151 278,33 135.5,84 178.5,202 209.5,191 z" Fill="{Binding PMABackground}" Opacity="0.7" Height="169" Canvas.Left="79.322" Stretch="Fill" Canvas.Top="-105.085" Width="186" RenderTransformOrigin="0.5,0.5">
                        <Path.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform Angle="19.593"/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Path.RenderTransform>
                    </Path>
                </Canvas>
            </Viewbox>


            <Image Source="/VirgoUI;component/Themes/Images/STPicture/station.png"  Width="96" Canvas.Left="102" Canvas.Top="205" Height="100"/>

            <Image Source="/VirgoUI;component/Themes/Images/parts1/ef03.png"  Width="114" Canvas.Left="216" Canvas.Top="300" Height="120"/>

            <!--<Image Source="/VirgoUI;component/Themes/Images/parts1/foup.png"  Width="110" Canvas.Left="270" Canvas.Top="375" Height="105"/>-->

            <parts1:FoupTopView Canvas.Left="222" Canvas.Top="284"></parts1:FoupTopView>

            <Grid x:Name="Slit_valve" Width="11" Height="159" Canvas.Left="270" Canvas.Top="-15" RenderTransformOrigin="0.5,0.5" >
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="90"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Grid.RenderTransform>
                <Rectangle x:Name="SlitValve_Top" Style="{StaticResource SlitValveA_Animation}" Fill="DimGray" Width="8" VerticalAlignment="Top" Height="88"   />
                <Rectangle x:Name="SlitValve_Bottom" Style="{StaticResource SlitValveA_Animation}" Fill="DimGray" Width="8" VerticalAlignment="Bottom" Height="88" />
            </Grid>

            <Viewbox Canvas.Left="55" Canvas.Top="-12" Width="400" Height="400">
                <Canvas Width="530" Height="400">
                    <parts1:SingleArmRobot Canvas.Left="270" Canvas.Top="185" RenderTransformOrigin="0.5,0.5"   Wafer1="{Binding EfemRobotWafer2}" Wafer2="{Binding EfemRobotWafer1}" RobotMoveInfo="{Binding EfemRobotMoveInfo}">

                    </parts1:SingleArmRobot>
                </Canvas>
            </Viewbox>
            <parts2:WaferCtrl Width="66" Height="66" Canvas.Left="241" Canvas.Top="-51" WaferData="{Binding PMAWafer}" />
            <parts2:WaferCtrl Width="66" Height="66" Canvas.Left="117" Canvas.Top="223" WaferData="{Binding Cooling1Wafer}" />
        </Canvas>
    </Canvas>
</UserControl>