CyberX8/CyberX8_Themes/UserControls/SRDUIControl.xaml

<UserControl x:Class="CyberX8_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:CyberX8_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.ExhaustOn}" 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:,,,/CyberX8_Themes;component/Themes/Images/parts/SRDDevice.png" Canvas.Left="19" Canvas.Top="31" />

            <!--WaterBelow-->
            <local:FlowPipe IsFlowing="{Binding ElementName=self,Path=CommonData.WaterBelow}" RotateTransformValue="90" Canvas.Left="244.5" Canvas.Top="90" Height="9" HorizontalAlignment="Left" VerticalAlignment="Center" Width="56" />
            <Image Source="pack://application:,,,/CyberX8_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:,,,/CyberX8_Themes;component/Themes/Images/parts/SRDChuck.png" HorizontalAlignment="Center" VerticalAlignment="Center" Canvas.Left="68.7" Canvas.Top="68.1" />
                <Viewbox Width="156" Height="156"  Canvas.Left="27" Canvas.Top="26.5" 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:,,,/CyberX8_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>
        </Canvas>
    </Viewbox>
</UserControl>