PunkHPX8/PunkHPX8_Themes/UserControls/DryerUIControl.xaml

<UserControl x:Class="PunkHPX8_Themes.UserControls.DryerUIControl"
             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:userControls="clr-namespace:PunkHPX8_Themes.UserControls"
             xmlns:customControls="clr-namespace:PunkHPX8_Themes.CustomControls"
             xmlns:converters="clr-namespace:PunkHPX8_Themes.Converters"
             xmlns:local="clr-namespace:PunkHPX8_Themes.UserControls"
             mc:Ignorable="d" Name="self"
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <converters:BoolToVisibility2 x:Key="boolToVisibility2"></converters:BoolToVisibility2>
    </UserControl.Resources>
    <Grid>
        <!--左边滑杆-->
        <Rectangle Margin="176,98,618,123" Panel.ZIndex="2" Stroke="White" StrokeThickness="0.5">
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                    <GradientStop Offset="0" Color="White" />
                    <GradientStop Offset="1" Color="DimGray" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle Fill="CornflowerBlue" Margin="174,150,624,123" Panel.ZIndex="1" Stroke="Black" StrokeThickness="0.2"/>
        <Rectangle Fill="DimGray" Margin="168,150,626,123" Panel.ZIndex="1" Stroke="Black" StrokeThickness="0.3"/>
        <Rectangle Fill="PowderBlue" Margin="182,150,606,123" Panel.ZIndex="1" Stroke="Gray" StrokeThickness="0.5"/>
        <Border  Width="4" Background="Black"   CornerRadius="5,5,5,5" Panel.ZIndex="1" Margin="186,160,610,279"/>
        <Border  Width="4" Background="Black"   CornerRadius="5,5,5,5" Panel.ZIndex="1" Margin="186,187,610,253"/>
        <Border  Width="4" Background="Black"   CornerRadius="5,5,5,5" Panel.ZIndex="1" Margin="186,216,610,224"/>
        <Border  Width="4" Background="Black"   CornerRadius="5,5,5,5" Panel.ZIndex="1" Margin="186,248,610,192"/>
        <!--右边滑杆-->
        <Rectangle Margin="380,98,414,122" Panel.ZIndex="2" Stroke="White" StrokeThickness="0.5">
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint="1,0" EndPoint="0,0">
                    <GradientStop Offset="0" Color="White" />
                    <GradientStop Offset="1" Color="DimGray" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle Fill="DimGray" Margin="388,150,406,122" Panel.ZIndex="1" Stroke="Black" StrokeThickness="0.3"/>
        <Rectangle Fill="PowderBlue" Margin="368,150,420,122" Panel.ZIndex="1" Stroke="Gray" StrokeThickness="0.5"/>
        <Rectangle Fill="CornflowerBlue" Margin="386,150,412,122" Panel.ZIndex="1" Stroke="Black" StrokeThickness="0.2"/>
        <Border  Width="4" Background="Black"   CornerRadius="5,5,5,5" Panel.ZIndex="1" Margin="372,161,424,279"/>
        <Border  Width="4" Background="Black"   CornerRadius="5,5,5,5" Panel.ZIndex="1" Margin="372,187,424,253"/>
        <Border  Width="4" Background="Black"   CornerRadius="5,5,5,5" Panel.ZIndex="1" Margin="372,217,424,223"/>
        <Border  Width="4" Background="Black"   CornerRadius="5,5,5,5" Panel.ZIndex="1" Margin="372,248,424,192"/>
        <!-- 中间背景-->
        <Rectangle Fill="White" Stroke="Black"  Margin="152,145,392,33" RadiusX="2" RadiusY="2" />
        <!-- 顶部背景-->
        <Rectangle Fill="White" Stroke="Black"  Margin="134,97,378,299" RadiusX="1" RadiusY="1" />
        <!--WaferHolder UI-->
        <Polyline Opacity="0.6"  Visibility="{Binding ElementName=self,Path=IsWaferHolder,Converter={StaticResource boolToVisibility2}}" Stroke="Black" Points="10,0 10,40 25,40 25,310 263,310 263,40 278,40 278,0 10,0" StrokeThickness="3" Margin="136,103,376,33">
            <Polyline.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>
            </Polyline.Fill>
        </Polyline>
        <Ellipse Opacity="0.6"  Visibility="{Binding ElementName=self,Path=IsWaferHolder,Converter={StaticResource boolToVisibility2}}"  Margin="205,186,445,116">
            <Ellipse.Fill>
                <LinearGradientBrush EndPoint="0,0" StartPoint="1,1">
                    <GradientStop Color="Silver" Offset="0.2" />
                    <GradientStop Color="White" Offset="0.5" />
                    <GradientStop Color="Silver" Offset="0.7" />
                    <GradientStop Color="DarkGray" Offset="0.9"/>
                </LinearGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <!-- 左边螺丝-->
        <userControls:Screw Width="15" Height="15" Margin="152,130,632,305"/>
        <userControls:Screw Width="15" Height="15" Margin="152,182,632,253"/>
        <userControls:Screw Width="15" Height="15" Margin="152,234,632,201"/>
        <userControls:Screw Width="15" Height="15" Margin="152,281,632,154"/>
        <userControls:Screw Width="15" Height="15" Margin="152,328,632,107" />
        <!-- 右边螺丝-->
        <userControls:Screw Width="15" Height="15" Margin="392,130,392,305"/>
        <userControls:Screw Width="15" Height="15" Margin="392,182,392,253"/>
        <userControls:Screw Width="15" Height="15" Margin="392,234,392,201"/>
        <userControls:Screw Width="15" Height="15" Margin="392,281,392,154"/>
        <userControls:Screw Width="15" Height="15" Margin="392,328,392,107" />
        <Rectangle Fill="White" Margin="152,348,612,33" RadiusX="1" RadiusY="1" Stroke="Black" StrokeThickness="1" Opacity="0.5"/>
        <Rectangle Fill="White" Margin="372,348,392,33" RadiusX="1" RadiusY="1" Stroke="Black" StrokeThickness="1" Opacity="0.5"/>
        <Rectangle x:Name="ErrorRectangle" Fill="Red" Height="234" VerticalAlignment="Bottom" Margin="199,0,437,42" Opacity="0.5" Panel.ZIndex="3"
            Visibility="{Binding ElementName=self,Path=IsError,Converter={StaticResource boolToVisibility2}}"/>
        <Grid Width="200" Height="300" Margin="91,38,309,12">
            <Canvas x:Name="BigAirFlow">
                <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/bigairflow.png" 
                   Height="161" Width="93" HorizontalAlignment="Left" VerticalAlignment="Top"  Canvas.Left="169" 
                   Canvas.Top="79"
                Visibility="{Binding ElementName=self, Path=DryerCommonData.BlowerHigh,Converter={StaticResource boolToVisibility2}}">
                    <Image.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="90.388"/>
                            <TranslateTransform x:Name="translateTransform1" X="0" Y="0"/>
                        </TransformGroup>
                    </Image.RenderTransform>
                    <Image.Triggers>
                        <EventTrigger RoutedEvent="Loaded">
                            <BeginStoryboard>
                                <Storyboard AutoReverse="False" RepeatBehavior="Forever">
                                    <DoubleAnimation
                                    Storyboard.TargetName="translateTransform1"
                                    Storyboard.TargetProperty="Y"
                                    From="0" To="150" Duration="0:0:1"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Image.Triggers>
                </Image>
            </Canvas>
            <Canvas x:Name="SmallAirFlow">
                <Image Source="pack://application:,,,/PunkHPX8_Themes;component/Themes/Images/parts/smallairflow.png" 
               Height="130" Width="67" HorizontalAlignment="Left" VerticalAlignment="Top" Canvas.Left="151" 
               Canvas.Top="88"
               Visibility="{Binding ElementName=self, Path=DryerCommonData.PowerControl,Converter={StaticResource boolToVisibility2}}" >
                    <Image.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="90.755"/>
                            <TranslateTransform x:Name="translateTransform2" X="0" Y="0"/>
                        </TransformGroup>
                    </Image.RenderTransform>
                    <Image.Triggers>
                        <EventTrigger RoutedEvent="Loaded">
                            <BeginStoryboard>
                                <Storyboard AutoReverse="False" RepeatBehavior="Forever">
                                    <DoubleAnimation
                                Storyboard.TargetName="translateTransform2"
                                Storyboard.TargetProperty="Y"
                                From="0" To="150" Duration="0:0:2"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Image.Triggers>
                </Image>
            </Canvas>
        </Grid>
        <Canvas Width="80" Height="80" Margin="10,313,194,57">
            <userControls:Blower RotateTransformValue="0" IsPowerOn="{Binding ElementName=self,Path=DryerCommonData.PowerControl,Mode=TwoWay}" 
                                 IsHighOn="{Binding ElementName=self,Path=DryerCommonData.BlowerHigh,Mode=TwoWay}"
                                 Canvas.Top="8" HorizontalAlignment="Left" VerticalAlignment="Center"
                            ModuleName="{Binding ElementName=self, Path=ModuleName}" Canvas.Left="-215" Height="104" Width="102"/>
        </Canvas>
    </Grid>
</UserControl>