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="630" d:DesignWidth="1280">
    <Grid>
        <Canvas>
            <Image Width="300" Height="300" Source="/Lmage/10000.png" 
                   HorizontalAlignment="Left" VerticalAlignment="Top" Canvas.Left="100" Canvas.Top="125"/>
            <Image Width="300" Height="300" gif:ImageBehavior.AnimatedSource="/Lmage/10001.gif"
               gif:ImageBehavior.RepeatBehavior="Forever" HorizontalAlignment="Left" Canvas.Left="20" Canvas.Top="180"/>
        </Canvas>
        <TextBlock x:Name="M_T" HorizontalAlignment="Left" Height="30" Margin="260,180,0,0" TextWrapping="Wrap" Text="C" TextAlignment="Right"
                   VerticalAlignment="Top" Width="100" FontSize="20" Background="White" Padding="5,0,5,0"/>
        <TextBlock x:Name="M_L" HorizontalAlignment="Left" Height="30" Margin="260,340,0,0" TextWrapping="Wrap" Text="L" TextAlignment="Right"
                   VerticalAlignment="Top" Width="100" FontSize="20" Background="White" Padding="5,0,5,0"/>
    </Grid>
</UserControl>