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="Left" Height="35" Margin="535,257,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="Left" Height="35" Margin="535,528,0,0" TextWrapping="Wrap" Text="L" TextAlignment="Right"
                           VerticalAlignment="Top" Width="160" FontSize="30" Background="White" Padding="5,0,5,0"/>
            </Grid>
            <Grid Width="400" Height="400" Canvas.Left="1398" Canvas.Top="198">
                <Image Width="200" Height="200" gif:ImageBehavior.AnimatedSource="/Lmage/tong.png"
                       HorizontalAlignment="Right" Canvas.Left="930" Canvas.Top="79" VerticalAlignment="Top"/>
                <TextBlock x:Name="S1_T" HorizontalAlignment="Right" Height="30" TextWrapping="Wrap" Text="C" 
                           TextAlignment="Right" VerticalAlignment="Top" Width="100" FontSize="20" Background="White" 
                           Padding="5,0,5,0" Margin="20,10,20,0"/>
                <TextBlock x:Name="S1_L" HorizontalAlignment="Right" Height="30" TextWrapping="Wrap" Text="L" 
                           TextAlignment="Right" VerticalAlignment="Top" Width="100" FontSize="20" Background="White" 
                           Padding="5,0,5,0" Margin="20,60,20,0" />
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2000.png"                
                       HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
                       Margin="0,20,0,0" VerticalAlignment="Top" Height="50"/>
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2000.png"                
        HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
        Margin="0,80,0,0" VerticalAlignment="Top" Height="50"/>
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2000.png"                
        HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
        Margin="120,20,0,0" VerticalAlignment="Top" Height="50"/>
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2001.png"                
               HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
               Margin="0,20,0,0" VerticalAlignment="Top" Height="50"/>
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2001.png"       
                       HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
                       Margin="0,80,0,0" VerticalAlignment="Top" Height="50"/>
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2001.png"                                       
                       HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
                       Margin="120,20,0,0" VerticalAlignment="Top" Height="50"/>

                <Image Width="100" Height="100" gif:ImageBehavior.AnimatedSource="/Lmage/beng_stop.png"        
        HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" Margin="284,159,0,141"/>

            </Grid>
            <Grid Width="400" Height="400" Canvas.Left="1398" Canvas.Top="603">
                <Image Width="200" Height="200" gif:ImageBehavior.AnimatedSource="/Lmage/tong.png"
                       HorizontalAlignment="Right" Canvas.Left="930" Canvas.Top="79" VerticalAlignment="Top"/>
                <TextBlock x:Name="S3_T" HorizontalAlignment="Right" Height="30" TextWrapping="Wrap" Text="C" 
                           TextAlignment="Right" VerticalAlignment="Top" Width="100" FontSize="20" Background="White" 
                           Padding="5,0,5,0" Margin="20,10,20,0"/>
                <TextBlock x:Name="S3_L" HorizontalAlignment="Right" Height="30" TextWrapping="Wrap" Text="L" 
                           TextAlignment="Right" VerticalAlignment="Top" Width="100" FontSize="20" Background="White" 
                           Padding="5,0,5,0" Margin="20,60,20,0" />
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2000.png"                
                       HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
                       Margin="0,20,0,0" VerticalAlignment="Top" Height="50"/>
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2000.png"                
        HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
        Margin="0,80,0,0" VerticalAlignment="Top" Height="50"/>
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2000.png"                
        HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
        Margin="120,20,0,0" VerticalAlignment="Top" Height="50"/>
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2001.png"                
               HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
               Margin="0,20,0,0" VerticalAlignment="Top" Height="50"/>
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2001.png"       
                       HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
                       Margin="0,80,0,0" VerticalAlignment="Top" Height="50"/>
                <Image Width="50" gif:ImageBehavior.AnimatedSource="/Lmage/2001.png"                                       
                       HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" 
                       Margin="120,20,0,0" VerticalAlignment="Top" Height="50"/>

                <Image Width="100" Height="100" gif:ImageBehavior.AnimatedSource="/Lmage/beng_stop.png"        
        HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180" Margin="284,159,0,141"/>

            </Grid>
        </Canvas>

    </Grid>
</UserControl>