CyberX8/CyberX8_Themes/UserControls/Chamber.xaml

<UserControl x:Class="CyberX8_Themes.UserControls.Chamber"
             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:local="clr-namespace:CyberX8_Themes.UserControls"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300" x:Name="chamber">
    <UserControl.Resources>
        <Storyboard x:Key="SlitValve_Open">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" >
                <EasingDoubleKeyFrame KeyTime="0" Value="75"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="42"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Key="SlitValve_Close">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" >
                <EasingDoubleKeyFrame KeyTime="0" Value="42"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="75"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Style TargetType="{x:Type Rectangle}" x:Key="SlitValve_Animation" >
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=chamber,Path=IsOpenSlitDoor}" Value="true">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard Storyboard="{StaticResource SlitValve_Open}"/>
                    </DataTrigger.EnterActions>
                    <DataTrigger.ExitActions>
                        <BeginStoryboard Storyboard="{StaticResource SlitValve_Close}"/>
                    </DataTrigger.ExitActions>
                </DataTrigger>
            </Style.Triggers>
        </Style>
        <LinearGradientBrush StartPoint="0,0.501" EndPoint="1,0.501" x:Key="rfcolor">
            <LinearGradientBrush.GradientStops>
                <GradientStop Color="#FFFFDD76" Offset="0" />
                <GradientStop Color="sc#1, 0.8019137, 0.520800948, 0.106530145" Offset="0.25" />
                <GradientStop Color="#FFCC9932" Offset="1" />
            </LinearGradientBrush.GradientStops>
        </LinearGradientBrush>
    </UserControl.Resources>
    <Canvas >

        <Grid Width="240" Height="190" Canvas.Top="80">
            <Grid.RowDefinitions>
                <RowDefinition Height="160"/>
                <RowDefinition />
            </Grid.RowDefinitions>
            <Path Data="M0.5,0.5 L33.5,0.5 33.5,17.5 206.5,17.5 206.5,0.5 239.5,0.5 239.5,149.5 0.5,149.5 z" Stroke="#FF747474" Margin="0,10,0,0">
                <Path.Fill>
                    <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">
                        <GradientStop Color="#FF8F8F8F" Offset="0"/>
                        <GradientStop Color="#FF9B9B9B" Offset="1"/>
                        <GradientStop Color="#FEF1ECEC" Offset="0.15"/>
                        <GradientStop Color="#FEC0C0C0" Offset="0.38"/>
                        <GradientStop Color="#FEB4B4B4" Offset="0.5"/>
                        <GradientStop Color="#FEE5E5E5" Offset="0.7"/>
                        <GradientStop Color="#FFBABABA" Offset="0.85"/>
                        <GradientStop Color="#FFE5E5E5" Offset="0.9"/>
                    </LinearGradientBrush>
                </Path.Fill>
            </Path>
            <Rectangle Stroke="#FF747474" Margin="8,18">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.243,1" StartPoint="0.757,0">
                        <GradientStop Color="#FFE0DEDE" Offset="0"/>
                        <GradientStop Color="#FFE2E2E2" Offset="1"/>
                        <GradientStop Color="#FEFFFFFF" Offset="0.55"/>
                        <GradientStop Color="#FFEFEFEF" Offset="0.75"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle x:Name="BG_Status" Margin="9,19" Visibility="{Binding BiasRfPowerOnChamberVisibility}" Cursor="Hand">
                <Rectangle.ContextMenu >
                    <ContextMenu>
                        <MenuItem Header="Create Wafer"  Click="CreateWafer_Click"     IsChecked="{Binding IsHasWafer}" IsEnabled="{Binding IsHasWafer,Converter={StaticResource BoolToBool}}"/>
                        <MenuItem Header="Delete Wafer"  Click="DeleteWafer_Click"     IsChecked="{Binding IsHasWafer,Converter={StaticResource BoolToBool}}" IsEnabled="{Binding IsHasWafer}"/>
                    </ContextMenu>
                </Rectangle.ContextMenu>
                <Rectangle.Style>
                    <Style>
                        <Setter Property="Rectangle.Fill" Value="WhiteSmoke"/>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding ElementName=chamber,Path=IsBRFOn}"  Value="True">
                                <Setter Property="Rectangle.Fill" Value="#FFFF9292"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Rectangle.Style>
            </Rectangle>
            <Rectangle Stroke="#FF747474" Height="11" VerticalAlignment="Bottom" Margin="12,0,12,8">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.243,1" StartPoint="0.757,0">
                        <GradientStop Color="#FFE0DEDE" Offset="0"/>
                        <GradientStop Color="#FFE2E2E2" Offset="1"/>
                        <GradientStop Color="#FEFFFFFF" Offset="0.55"/>
                        <GradientStop Color="#FFEFEFEF" Offset="0.75"/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Grid x:Name="Cover" Width="180" Height="18" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="30,2,0,0" RenderTransformOrigin="1,0.4444">
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Grid.RenderTransform>
                <Grid.Resources>
                    <Storyboard x:Key="CoverOpen">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
                            <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                            <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="20"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                    <Storyboard x:Key="CoverClose">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
                            <EasingDoubleKeyFrame KeyTime="0" Value="20"/>
                            <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </Grid.Resources>
                <Grid.Style>
                    <Style>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding ElementName=chamber,Path=IsLidOpen}" Value="true">
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard Storyboard="{StaticResource CoverOpen}"/>
                                </DataTrigger.EnterActions>
                                <DataTrigger.ExitActions>
                                    <BeginStoryboard Storyboard="{StaticResource CoverClose}"/>
                                </DataTrigger.ExitActions>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Grid.Style>
                <Rectangle Grid.Row="0" HorizontalAlignment="Center" VerticalAlignment="Bottom" Fill="{DynamicResource Lid_BG}" Stroke="{DynamicResource Lid_BD}" Width="172" Height="12"/>
                <Rectangle Grid.Row="0" HorizontalAlignment="Center" VerticalAlignment="Top" Fill="{DynamicResource Lid_BG}" Stroke="{DynamicResource Lid_BD}" Width="180" Height="8"/>
                <Line X1="35" Y1="-80" X2="120" Y2="-90" Stroke="#B87333" StrokeThickness="5"/>
                <Line X1="35" Y1="-60" X2="145" Y2="-70" Stroke="#B87333" StrokeThickness="5"/>
                <Line X1="35" Y1="-40" X2="145" Y2="-50" Stroke="#B87333" StrokeThickness="5"/>
                <Line X1="35" Y1="-20" X2="145" Y2="-30" Stroke="#B87333" StrokeThickness="5"/>
                <Rectangle  Stroke="DimGray" Fill="WhiteSmoke"  Margin="130,-101,42,0" Width="8" VerticalAlignment="Top" Height="102" />
                <Rectangle  Stroke="DimGray" Fill="WhiteSmoke" Margin="42,-101,130,0" Width="8" VerticalAlignment="Top" Height="102" />
                <Rectangle  Fill="DimGray" Margin="42,-108,42,0" VerticalAlignment="Top" Height="8" />
                <Rectangle  Fill="White" Margin="50,-101,50,0" Width="80" Height="118" />
                <Rectangle  x:Name="BG_Status1"  Margin="50,-101,50,0" Width="80" Height="118" Visibility="{Binding RfPowerOnChamberVisibility}" >
                    <Rectangle.Style>
                        <Style>
                            <Setter Property="Rectangle.Fill" Value="WhiteSmoke"/>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ElementName=chamber,Path=IsSRFOn}"  Value="True">
                                    <Setter Property="Rectangle.Fill" Value="#FFFF9292"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Rectangle.Style>
                </Rectangle>
                <Rectangle  Stroke="#FF000000" Width="80" Height="10" Margin="0,8,0,0" StrokeThickness="1" StrokeDashArray="4 2" SnapsToDevicePixels="True"/>
                <Rectangle  Stroke="#FF000000" Width="80" Height="9" Margin="0,-10,0,0" StrokeThickness="1" StrokeDashArray="4 2" SnapsToDevicePixels="True"/>
                <Line X1="35" Y1="-40" X2="145" Y2="-30" Stroke="#B87333" StrokeThickness="5"/>
                <Line X1="35" Y1="-60" X2="145" Y2="-50" Stroke="#B87333" StrokeThickness="5"/>
                <Line X1="35" Y1="-80" X2="145" Y2="-70" Stroke="#B87333" StrokeThickness="5"/>
            </Grid>
            <Grid Grid.RowSpan="2" Width="160" Height="167" VerticalAlignment="Bottom" Margin="0,0,0,2">
                <Rectangle Height="12" Stroke="Gray" VerticalAlignment="Top" Width="150" Margin="0,98,0,0">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FFABABAB" Offset="0"/>
                            <GradientStop Color="#FFDADADA" Offset="1"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <Rectangle Height="12" Margin="0,109,0,0" Stroke="Gray" VerticalAlignment="Top" Width="160">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FFABABAB" Offset="0"/>
                            <GradientStop Color="#FFDADADA" Offset="1"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>

                <!--4寸 guide pin-->
                <Grid x:Name="Bottom_LiftPin" Height="75" VerticalAlignment="Bottom" Margin="0,0,0,0" >
                    <Grid.Resources>
                        <Storyboard x:Key="BottomPinUp">
                            <ThicknessAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" >
                                <EasingThicknessKeyFrame KeyTime="0" Value="0,0,0,0"/>
                                <EasingThicknessKeyFrame KeyTime="0:0:0.5" Value="0,0,0,15"/>
                            </ThicknessAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="BottomPinDown">
                            <ThicknessAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" >
                                <EasingThicknessKeyFrame KeyTime="0" Value="0,0,0,15"/>
                                <EasingThicknessKeyFrame KeyTime="0:0:0.5" Value="0,0,0,0"/>
                            </ThicknessAnimationUsingKeyFrames>
                        </Storyboard>
                    </Grid.Resources>
                    <Grid.Style>
                        <Style>
                            <Style.Triggers>
                                <DataTrigger  Binding="{Binding IsLowerPinUp}" Value="true">
                                    <DataTrigger.EnterActions>
                                        <BeginStoryboard Storyboard="{StaticResource BottomPinUp}"/>
                                    </DataTrigger.EnterActions>
                                    <DataTrigger.ExitActions>
                                        <BeginStoryboard Storyboard="{StaticResource BottomPinDown}"/>
                                    </DataTrigger.ExitActions>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Grid.Style>
                    <!--<Rectangle HorizontalAlignment="Left" Fill="{DynamicResource Lid_BG1}" Stroke="{DynamicResource Lid_BD}" Width="8" Margin="10,6,0,4"/>-->
                    <!--<Rectangle HorizontalAlignment="Right" Fill="{DynamicResource Lid_BG1}" Stroke="{DynamicResource Lid_BD}" Width="8" Margin="0,6,10,4"/>-->
                    <!--<Rectangle Stroke="{DynamicResource Lid_BD}" Fill="{DynamicResource Lid_BG1}" StrokeThickness="1" VerticalAlignment="Bottom" Height="8" Margin="5,0"/>-->
                </Grid>

                <!--3寸 guide pin-->
                <Grid x:Name="Middle_LiftPin" Width="120" Height="63" VerticalAlignment="Bottom" Margin="0,0,0,12" >
                    <Grid.Resources>
                        <Storyboard x:Key="MidPinUp">
                            <ThicknessAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" >
                                <EasingThicknessKeyFrame KeyTime="0" Value="0,0,0,12"/>
                                <EasingThicknessKeyFrame KeyTime="0:0:0.5" Value="0,0,0,27"/>
                            </ThicknessAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="MidPinDown">
                            <ThicknessAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" >
                                <EasingThicknessKeyFrame KeyTime="0" Value="0,0,0,27"/>
                                <EasingThicknessKeyFrame KeyTime="0:0:0.5" Value="0,0,0,12"/>
                            </ThicknessAnimationUsingKeyFrames>
                        </Storyboard>
                    </Grid.Resources>
                    <Grid.Style>
                        <Style>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding IsUpperPinUp}" Value="true">
                                    <DataTrigger.EnterActions>
                                        <BeginStoryboard Storyboard="{StaticResource MidPinUp}"/>
                                    </DataTrigger.EnterActions>
                                    <DataTrigger.ExitActions>
                                        <BeginStoryboard Storyboard="{StaticResource MidPinDown}"/>
                                    </DataTrigger.ExitActions>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Grid.Style>
                    <!--<Rectangle HorizontalAlignment="Left" Fill="{DynamicResource Lid_BG2}" Stroke="{DynamicResource Lid_BD}" Width="8" Margin="10,6,0,4"/>
                    <Rectangle HorizontalAlignment="Right" Fill="{DynamicResource Lid_BG2}" Stroke="{DynamicResource Lid_BD}" Width="8" Margin="0,6,10,4"/>-->
                    <!--<Rectangle Stroke="{DynamicResource Lid_BD}" Fill="{DynamicResource Lid_BG2}" StrokeThickness="1" VerticalAlignment="Bottom" Height="8" Margin="5,0"/>-->


                </Grid>

                <!--lift pin-->
                <Grid x:Name="Top_LiftPin" Height="51" VerticalAlignment="Bottom" Margin="0,0,0,28" >
                    <Grid.Resources>
                        <Storyboard x:Key="TopPinUp">
                            <ThicknessAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" >
                                <EasingThicknessKeyFrame KeyTime="0" Value="0,0,0,28"/>
                                <EasingThicknessKeyFrame KeyTime="0:0:0.5" Value="0,0,0,54"/>
                            </ThicknessAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="TopPinDown">
                            <ThicknessAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" >
                                <EasingThicknessKeyFrame KeyTime="0" Value="0,0,0,54"/>
                                <EasingThicknessKeyFrame KeyTime="0:0:0.5" Value="0,0,0,28"/>
                            </ThicknessAnimationUsingKeyFrames>
                        </Storyboard>
                    </Grid.Resources>
                    <Grid.Style>
                        <Style>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ElementName=chamber,Path=IsLiftPinUp}"  Value="true">
                                    <DataTrigger.EnterActions>
                                        <BeginStoryboard Storyboard="{StaticResource TopPinUp}"/>
                                    </DataTrigger.EnterActions>
                                    <DataTrigger.ExitActions>
                                        <BeginStoryboard Storyboard="{StaticResource TopPinDown}"/>
                                    </DataTrigger.ExitActions>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Grid.Style>



                    <Rectangle HorizontalAlignment="Left" Fill="{DynamicResource Lid_BG3}" Stroke="{DynamicResource Lid_BD}" Width="8" Margin="48,10,0,4"/>
                    <Rectangle HorizontalAlignment="Right" Fill="{DynamicResource Lid_BG3}" Stroke="{DynamicResource Lid_BD}" Width="8" Margin="0,10,48,4"/>
                    <Rectangle Stroke="{DynamicResource Lid_BD}" Fill="{DynamicResource Lid_BG3}" StrokeThickness="1" VerticalAlignment="Bottom" Height="8" Margin="5,0" Width="64" />
                    <Rectangle  HorizontalAlignment="Center" Margin="-100,0"  Width="{Binding WaferLength}" Height="10" VerticalAlignment="Top"/>
                    <TextBlock Text="{Binding  ElementName=chamber,Path=WaferID}" Margin="0,-20,0,0" TextAlignment="Center"></TextBlock>

                    <Border BorderThickness="1" BorderBrush="DarkGray" CornerRadius="4" VerticalAlignment="Top"  Height="10" Margin="0,0,0,0" Width="140" Visibility="{Binding ElementName=chamber,Path=IsHasWafer,Converter={StaticResource bool2VisibilityConverter}}">
                        <Border.Background>
                            <RadialGradientBrush >
                                <GradientStop Color="AliceBlue" Offset="0" />
                                <!--<GradientStop Color="Silver" Offset="0.5" />-->
                                <GradientStop Color="LightGreen" Offset="1" />

                            </RadialGradientBrush>
                        </Border.Background>
                    </Border>

                </Grid>

                <Canvas Visibility="{Binding ElementName=chamber,Path=IsHasHeater,Converter={StaticResource bool2VisibilityConverter}}" Margin="29.5,100,0,0">
                    <Rectangle HorizontalAlignment="Left" Fill="{DynamicResource Lid_BG3}" Stroke="Black" Width="100" Height="10"/>
                    <Rectangle HorizontalAlignment="Left" Fill="{DynamicResource Lid_BG3}" Stroke="Black" Width="100" Height="10"  Canvas.Top="10"/>
                    <Rectangle HorizontalAlignment="Left" Fill="{DynamicResource Lid_BG3}" Stroke="Black" Width="30"  Height="30"  Canvas.Top="20" Canvas.Left="36"/>
                </Canvas>

                <!--左边slit door-->
                <Grid x:Name="Slit_valve" Margin="-41,-10,191,29" >
                    <Rectangle x:Name="SlitValve_Top"  Fill="DimGray" Width="8" VerticalAlignment="Top" Height="75"   />
                    <Rectangle x:Name="SlitValve_Bottom"  Fill="DimGray" Width="8" VerticalAlignment="Bottom" Height="75" />
                </Grid>

                <!--slit door右边-->
                <Grid Margin="190,-10,-40,29" Cursor="Hand">
                    <Grid.ContextMenu>
                        <ContextMenu >
                            <MenuItem Header="Open Door"   Click="OpenDoor_Click"  IsChecked="{Binding IsSlitDoorClosed,Converter={StaticResource BoolToBool}}"                                        IsEnabled="{Binding IsSlitDoorClosed}"/>
                            <MenuItem Header="Close Door"  Click="CloseDoor_Click"  IsChecked="{Binding IsSlitDoorClosed}"  IsEnabled="{Binding IsSlitDoorClosed,Converter={StaticResource BoolToBool}}"/>
                        </ContextMenu>
                    </Grid.ContextMenu>
                    <Rectangle  Fill="DimGray" Style="{StaticResource SlitValve_Animation}" Width="8" VerticalAlignment="Top" Height="75" />
                    <Rectangle  Fill="DimGray" Style="{StaticResource SlitValve_Animation}" Width="8" VerticalAlignment="Bottom" Height="75" />
                </Grid>
            </Grid>
        </Grid>

    </Canvas>


</UserControl>