PunkHPX8/PunkHPX8_Themes/UserControls/SRDUIControl.xaml

<UserControl x:Class="PunkHPX8_Themes.UserControls.SRDUIControl"
             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:PunkHPX8_Themes.UserControls"
             xmlns:UserControl="clr-namespace:Aitex.Core.UI.Control;assembly=MECF.Framework.UI.Core"
             mc:Ignorable="d" x:Name="self"
             d:DesignHeight="450" d:DesignWidth="480">
    <UserControl.Resources>
        <Style TargetType="Rectangle" x:Key="DoorAnimation">
            <Setter Property="Width" Value="296"/>
            <!--<Setter Property="" Value=""/>-->
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=self,Path=CommonData.DoorOpened}" Value="True">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation  Storyboard.TargetProperty="Width" To="20" Duration="0:0:1"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.EnterActions>
                    <DataTrigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation  Storyboard.TargetProperty="Width" To="296" Duration="0:0:1"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.ExitActions>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>
    <Viewbox>
        <Canvas Width="480" Height="450" RenderTransformOrigin="0.5,0.533">
            <!--Exhaust-->
            <local:Blower IsPowerOn="{Binding ElementName=self,Path=CommonData.N2On}" HorizontalAlignment="Center" Canvas.Left="165" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" Height="94" Canvas.Top="-50" >
                <local:Blower.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="90.187"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </local:Blower.RenderTransform>
            </local:Blower>
            <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/SRDDevice.png" Canvas.Left="19" Canvas.Top="31" />

            <Ellipse Width="45" Height="45" Fill="#F8F8F8" Stroke="Transparent" StrokeThickness="2" Canvas.Left="105" Canvas.Top="50" HorizontalAlignment="Center" VerticalAlignment="Top"/>
            <!--WaterBelow-->
            <local:FlowPipe IsFlowing="{Binding ElementName=self,Path=CommonData.WaterOn}" RotateTransformValue="90" Canvas.Left="244.5" Canvas.Top="90" Height="9" HorizontalAlignment="Left" VerticalAlignment="Center" Width="56" />
            <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/SRDWaterHead.png" Canvas.Left="234" Canvas.Top="137" Height="31" Width="12" HorizontalAlignment="Center" VerticalAlignment="Center" />
            <!--Rotation-->
            <Canvas Height="209" Width="210" Canvas.Left="135" Canvas.Top="141" RenderTransformOrigin="0.5,0.5">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="{Binding ElementName=self,Path=RotationUIPosition}"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Canvas.RenderTransform>

                <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/SRDChuck.png" HorizontalAlignment="Center" VerticalAlignment="Center" Canvas.Left="68.7" Canvas.Top="68.1" />
                <Viewbox Width="140" Height="140"  Canvas.Left="35.5" Canvas.Top="35" HorizontalAlignment="Left" VerticalAlignment="Top" >
                    <local:WaferCtrl WaferData="{Binding ElementName=self, Path=WaferInfo}"/>
                </Viewbox>
            </Canvas>
            <!--Arm-->
            <!--<Canvas Height="220" Width="95" HorizontalAlignment="Center" VerticalAlignment="Top" Canvas.Left="115" Canvas.Top="62" RenderTransformOrigin="0.121,0.053">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="{Binding ElementName=self,Path=ArmUIPosition}"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/SRDARM.png" HorizontalAlignment="Left" VerticalAlignment="Top" RenderTransformOrigin="0.125,0.054"/>
                -->
            <!--WaterAbove-->
            <!--
                <local:FlowPipe IsFlowing="{Binding ElementName=self,Path=CommonData.WaterAbove}" RotateTransformValue="0" Canvas.Top="85" Height="10" HorizontalAlignment="Center" VerticalAlignment="Top" Width="142" RenderTransformOrigin="0.5,0.5" Canvas.Left="-39" >
                    <local:FlowPipe.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="75.067"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </local:FlowPipe.RenderTransform>
                </local:FlowPipe>
            </Canvas>-->
            <!--门动画-->
            <Rectangle Cursor="Hand" Stroke="Gray" StrokeThickness="1" Style="{StaticResource DoorAnimation}" VerticalAlignment="Center" Height="20" Canvas.Top="400" Canvas.Left="92" HorizontalAlignment="Left" RenderTransformOrigin="0.002,0">
                <Rectangle.Fill>
                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                        <GradientStop Color="Silver" Offset="0.0" />
                        <GradientStop Color="White" Offset="0.5" />
                        <GradientStop Color="Silver" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle Stroke="Gray" StrokeThickness="1" Height="30" Width="23" Canvas.Left="75" Canvas.Top="395" HorizontalAlignment="Center" VerticalAlignment="Top">
                <Rectangle.Fill>
                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                        <GradientStop Color="Silver" Offset="0.0" />
                        <GradientStop Color="Gray" Offset="0.5" />
                        <GradientStop Color="Silver" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <!--<Rectangle Cursor="Hand" Stroke="Gray" StrokeThickness="1" Style="{StaticResource DoorAnimation}" VerticalAlignment="Center" Height="20" Canvas.Top="400" Canvas.Left="240" HorizontalAlignment="Right" RenderTransformOrigin="0.002,0">
                <Rectangle.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="180"/>
                        <TranslateTransform X="147.408" Y="20"/>
                    </TransformGroup>
                </Rectangle.RenderTransform>
                <Rectangle.Fill>
                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                        <GradientStop Color="Silver" Offset="0.0" />
                        <GradientStop Color="White" Offset="0.5" />
                        <GradientStop Color="Silver" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>-->
            <Rectangle Stroke="Gray" StrokeThickness="1" Height="30" Width="23" Canvas.Left="380" Canvas.Top="395" HorizontalAlignment="Left" VerticalAlignment="Center">
                <Rectangle.Fill>
                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                        <GradientStop Color="Silver" Offset="0.0" />
                        <GradientStop Color="Gray" Offset="0.5" />
                        <GradientStop Color="Silver" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <!--Flipper 动画-->
            <!--Flipper1_200-->
            <Canvas Canvas.Left="177" Canvas.Top="278" RenderTransformOrigin="1.133,1.083" Height="55" Width="20">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="{Binding ElementName=self,Path=Flipper1UIPosition200}"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/Flipper.png" HorizontalAlignment="Left" VerticalAlignment="Top" Height="63" Width="30" RenderTransformOrigin="0.266,0.719" Canvas.Left="15" Canvas.Top="15">
                    <Image.RenderTransform>
                        <RotateTransform Angle="-50"/>
                    </Image.RenderTransform>
                </Image>
                <Label Content="200" FontSize="7" FontWeight="Normal" HorizontalAlignment="Left" Height="20" VerticalAlignment="Top" Width="25" RenderTransformOrigin="0.56,0.738" Canvas.Top="-22" Canvas.Left="58">
                    <Label.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="-145.026"/>
                            <TranslateTransform X="-61.999" Y="52.237"/>
                        </TransformGroup>
                    </Label.RenderTransform>
                </Label>
            </Canvas>
            <!--Flipper2_200-->
            <Canvas Canvas.Left="167" Canvas.Top="190" RenderTransformOrigin="0.123,-0.241" Height="56" Width="20" HorizontalAlignment="Left" VerticalAlignment="Center">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="{Binding ElementName=self,Path=Flipper2UIPosition200}"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/Flipper.png" HorizontalAlignment="Left" VerticalAlignment="Center" Height="63" Width="30" RenderTransformOrigin="0.266,0.719" Canvas.Top="-60" Canvas.Left="-5">
                    <Image.RenderTransform>
                        <RotateTransform Angle="60"/>
                    </Image.RenderTransform>
                </Image>
                <Label Content="200" FontSize="7" FontWeight="Normal" HorizontalAlignment="Center" Height="20" VerticalAlignment="Center" Width="25" RenderTransformOrigin="0.5,0.5" Canvas.Top="-33" Canvas.Left="3">
                    <Label.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="-34.79"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Label.RenderTransform>
                </Label>
            </Canvas>
            <!--Flipper3_200-->
            <Canvas Canvas.Left="303" Canvas.Top="270" RenderTransformOrigin="1.661,-0.902" Height="55" Width="20" HorizontalAlignment="Left" VerticalAlignment="Center">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="{Binding ElementName=self,Path=Flipper3UIPosition200}"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/Flipper.png" HorizontalAlignment="Center" VerticalAlignment="Center" Height="63" Width="30" RenderTransformOrigin="0.266,0.719" Canvas.Left="25" Canvas.Top="-95">
                    <Image.RenderTransform>
                        <RotateTransform Angle="-179"/>
                    </Image.RenderTransform>
                </Image>
                <Label Content="200" FontSize="7" FontWeight="Normal" HorizontalAlignment="Left" Height="20" VerticalAlignment="Center" Width="25" RenderTransformOrigin="0.5,0.5" Canvas.Top="-42" Canvas.Left="22">
                    <Label.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="86.257"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Label.RenderTransform>
                </Label>
            </Canvas>
            <!--Flipper1_150-->
            <Canvas Canvas.Left="300" Canvas.Top="246" RenderTransformOrigin="1.048,1.101" Height="54" Width="20" HorizontalAlignment="Center" VerticalAlignment="Top">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="{Binding ElementName=self,Path=Flipper1UIPosition150}"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/Flipper.png" HorizontalAlignment="Left" VerticalAlignment="Top" Height="63" Width="30" RenderTransformOrigin="0.266,0.719" Canvas.Left="15" Canvas.Top="15">
                    <Image.RenderTransform>
                        <RotateTransform Angle="-130"/>
                    </Image.RenderTransform>
                </Image>
                <Label Content="150" FontSize="7" FontWeight="Normal" HorizontalAlignment="Left" Height="20" VerticalAlignment="Top" Width="25" RenderTransformOrigin="0.56,0.738" Canvas.Top="2" Canvas.Left="53">
                    <Label.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="-225.213"/>
                            <TranslateTransform X="-61.999" Y="52.237"/>
                        </TransformGroup>
                    </Label.RenderTransform>
                </Label>
            </Canvas>
            <!--Flipper2_150-->
            <Canvas Canvas.Left="139" Canvas.Top="273" RenderTransformOrigin="0.147,-0.262" Height="55" Width="20">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="{Binding ElementName=self,Path=Flipper2UIPosition150}"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/Flipper.png" HorizontalAlignment="Left" VerticalAlignment="Center" Height="63" Width="30" RenderTransformOrigin="0.266,0.719" Canvas.Top="-60" Canvas.Left="-5">
                    <Image.RenderTransform>
                        <RotateTransform Angle="8"/>
                    </Image.RenderTransform>
                </Image>
                <Label Content="150" FontSize="7" FontWeight="Normal" HorizontalAlignment="Left" Height="20" VerticalAlignment="Center" Width="25" RenderTransformOrigin="0.5,0.5" Canvas.Top="-42" Canvas.Left="-9">
                    <Label.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="-88.507"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Label.RenderTransform>
                </Label>
            </Canvas>
            <!--Flipper3_150-->
            <Canvas Canvas.Left="253" Canvas.Top="208" RenderTransformOrigin="1.661,-0.902" Height="55" Width="20" HorizontalAlignment="Center" VerticalAlignment="Center">
                <Canvas.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform/>
                        <SkewTransform/>
                        <RotateTransform Angle="{Binding ElementName=self,Path=Flipper3UIPosition150}"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </Canvas.RenderTransform>
                <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/Flipper.png" HorizontalAlignment="Center" VerticalAlignment="Center" Height="63" Width="30" RenderTransformOrigin="0.266,0.719" Canvas.Left="25" Canvas.Top="-95">
                    <Image.RenderTransform>
                        <RotateTransform Angle="132"/>
                    </Image.RenderTransform>
                </Image>
                <Label Content="150" FontSize="7" FontWeight="Normal" HorizontalAlignment="Center" Height="20" VerticalAlignment="Top" Width="25" RenderTransformOrigin="0.5,0.5" Canvas.Top="-49" Canvas.Left="35">
                    <Label.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="38.728"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Label.RenderTransform>
                </Label>
            </Canvas>
            <!--<Ellipse Width="200" Height="200" Canvas.Left="140" Canvas.Top="146" HorizontalAlignment="Left" VerticalAlignment="Top" Stroke="Black"/>-->
        </Canvas>
    </Viewbox>
</UserControl>