DyeingComputer/View/EquipmentSimulationView.xaml

<UserControl x:Class="DyeingComputer.View.EquipmentSimulationView"
             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:DyeingComputer.View"
              xmlns:gif="http://wpfanimatedgif.codeplex.com"
             mc:Ignorable="d" 
             d:DesignHeight="1000" d:DesignWidth="1980">
    <Grid Background="Silver">
        <Canvas>
            <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Height="800" Width="1000" >
                <Image Source="/Lmage/12000-1.png"/>
                <Image Width="514" gif:ImageBehavior.AnimatedSource="/Lmage/1000-1.png"        
                   HorizontalAlignment="Left" Canvas.Left="-44" Canvas.Top="144" Margin="57,238,0,112"/>

                <Image Width="300" Height="300" gif:ImageBehavior.AnimatedSource="/Lmage/10001.gif"
               gif:ImageBehavior.RepeatBehavior="Forever" HorizontalAlignment="Left" Canvas.Left="20" 
                   Canvas.Top="180" Visibility="Collapsed" x:Name="Swing_"/>

                <TextBlock x:Name="M_T" HorizontalAlignment="Center" Height="35" Margin="0,208,0,0" TextWrapping="Wrap" Text="C" TextAlignment="Right"
                           VerticalAlignment="Top" Width="160" FontSize="30" Background="White" Padding="5,0,5,0"/>
                <TextBlock x:Name="M_L" HorizontalAlignment="Center" Height="35" Margin="0,522,0,0" TextWrapping="Wrap" Text="L" TextAlignment="Right"
                           VerticalAlignment="Top" Width="160" FontSize="30" Background="White" Padding="5,0,5,0"/>
                <Slider Height="30" Width="100" FontSize="30" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="620,0,0,0"/>

                <Grid  HorizontalAlignment="Left" VerticalAlignment="Top" Height="75" Width="125" 
                       Margin="66,562,0,0" >               
                    <Image MouseLeftButtonDown="ID3020_MouseLeftButtonDown" HorizontalAlignment="Left">
                    <Image.Style>
                        <Style TargetType="Image">
                            <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ID3020}" Value="false">
                                    <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                                </DataTrigger>
                                <DataTrigger Binding="{Binding ID3020}" Value="true">
                                    <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Image.Style>
                    </Image>
                    <TextBlock Text="溢流" HorizontalAlignment="Right" FontSize="30" Width="35" TextWrapping="Wrap"/>
                </Grid>
                <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Height="75" Width="110" 
                    Margin="548,40,0,0">               
                    <Image  MouseLeftButtonDown="ID3007_MouseLeftButtonDown" HorizontalAlignment="Left">
                    <Image.Style>
                        <Style TargetType="{x:Type Image}">
                            <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ID3007}" Value="false">
                                    <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                                </DataTrigger>
                                <DataTrigger Binding="{Binding ID3007}" Value="true">
                                    <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Image.Style>
                    </Image>
                    <TextBlock Text="加压" HorizontalAlignment="Right" FontSize="30" Width="35" TextWrapping="Wrap"/>
                </Grid>
                <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Height="75" Width="110"    
                      Margin="655,40,0,0">
                    <Image MouseLeftButtonDown="ID3008_MouseLeftButtonDown" HorizontalAlignment="Left">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}">
                                <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ID3008}" Value="false">
                                        <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding ID3008}" Value="true">
                                        <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                    <TextBlock Text="减压" HorizontalAlignment="Right" FontSize="30" Width="35" TextWrapping="Wrap"/>
                </Grid>


                
                
                
            </Grid>
            <Grid Width="650" Height="400" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="1000,30,0,0">
                <Image gif:ImageBehavior.AnimatedSource="/Lmage/12500-1.png" HorizontalAlignment="Left" />
                <TextBlock Text="1" FontSize="60" Height="80" Width="50" Foreground="Red" Margin="80,100,0,0" HorizontalAlignment="Left" VerticalAlignment="Top"/>
                <TextBlock x:Name="S1_T" HorizontalAlignment="Left" Height="30" TextWrapping="Wrap" Text="C" 
                           TextAlignment="Right" VerticalAlignment="Top" Width="100" FontSize="20" Background="White" 
                           Padding="5,0,5,0" Margin="150,100,250,0"/>
                <TextBlock x:Name="S1_L" HorizontalAlignment="Left" Height="30" TextWrapping="Wrap" Text="L" 
                           TextAlignment="Right" VerticalAlignment="Top" Width="100" FontSize="20" Background="White" 
                           Padding="5,0,5,0" Margin="150,165,331,0" />
                <Slider Height="30" Width="100" FontSize="30" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="340,0,0,0"/>

                <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Height="75" Width="110"       
                      Margin="288,20,0,0">
                    <Image MouseLeftButtonDown="ID3008_MouseLeftButtonDown" HorizontalAlignment="Left">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}">
                                <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ID3008}" Value="false">
                                        <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding ID3008}" Value="true">
                                        <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                    <TextBlock Text="回水" HorizontalAlignment="Right" FontSize="30" Width="35" TextWrapping="Wrap"/>
                </Grid>
                <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Height="110" Width="110"          
                      Margin="400,20,0,0">
                    <Image MouseLeftButtonDown="ID3008_MouseLeftButtonDown" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Height="74">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}">
                                <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ID3008}" Value="false">
                                        <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding ID3008}" Value="true">
                                        <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                    <TextBlock Text="入水1" HorizontalAlignment="Right" FontSize="30" Width="35" TextWrapping="Wrap"/>
                </Grid>
                <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Height="110" Width="110"          
                      Margin="511,20,0,0">
                    <Image MouseLeftButtonDown="ID3008_MouseLeftButtonDown" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Height="74">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}">
                                <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ID3008}" Value="false">
                                        <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding ID3008}" Value="true">
                                        <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                    <TextBlock Text="入水2" HorizontalAlignment="Right" FontSize="30" Width="35" TextWrapping="Wrap"/>
                </Grid>

                
                
                


            </Grid>
            <Grid Width="650" Height="400" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="1000,480,0,0" >
                <Image gif:ImageBehavior.AnimatedSource="/Lmage/12500-1.png" HorizontalAlignment="Left"/>
                <TextBlock Text="2" FontSize="60" Height="80" Width="50" Foreground="Red" Margin="80,100,0,0" HorizontalAlignment="Left" VerticalAlignment="Top"/>
                <TextBlock x:Name="S2_T" HorizontalAlignment="Left" Height="30" TextWrapping="Wrap" Text="C" 
                           TextAlignment="Right" VerticalAlignment="Top" Width="100" FontSize="20" Background="White" 
                           Padding="5,0,5,0" Margin="150,100,20,0"/>
                <TextBlock x:Name="S2_L" HorizontalAlignment="Left" Height="30" TextWrapping="Wrap" Text="L" 
                           TextAlignment="Right" VerticalAlignment="Top" Width="100" FontSize="20" Background="White" 
                           Padding="5,0,5,0" Margin="150,165,20,0" />
                <Slider Height="30" Width="100" FontSize="30" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="340,0,0,0"/>

                <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Height="75" Width="110"         
                      Margin="288,20,0,0">
                    <Image MouseLeftButtonDown="ID3008_MouseLeftButtonDown" HorizontalAlignment="Left">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}">
                                <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ID3008}" Value="false">
                                        <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding ID3008}" Value="true">
                                        <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                    <TextBlock Text="回水" HorizontalAlignment="Right" FontSize="30" Width="35" TextWrapping="Wrap"/>
                </Grid>
                <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Height="110" Width="110"             
                      Margin="400,20,0,0">
                    <Image MouseLeftButtonDown="ID3008_MouseLeftButtonDown" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Height="74">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}">
                                <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ID3008}" Value="false">
                                        <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding ID3008}" Value="true">
                                        <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                    <TextBlock Text="入水1" HorizontalAlignment="Right" FontSize="30" Width="35" TextWrapping="Wrap"/>
                </Grid>
                <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Height="110" Width="110"            
                      Margin="511,20,0,0">
                    <Image MouseLeftButtonDown="ID3008_MouseLeftButtonDown" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Height="74">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}">
                                <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ID3008}" Value="false">
                                        <Setter Property="Source" Value="/Lmage/10009-0.png"/>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding ID3008}" Value="true">
                                        <Setter Property="Source" Value="/Lmage/10009-1.png"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                    <TextBlock Text="入水2" HorizontalAlignment="Right" FontSize="30" Width="35" TextWrapping="Wrap"/>
                </Grid>





            </Grid>

        </Canvas>

    </Grid>
</UserControl>