FestoDebugger/UserControls/FestoControl.xaml

<UserControl x:Class="FestoDebugger.UserControls.FestoControl"
             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:FestoDebugger.UserControls"
             mc:Ignorable="d" x:Name="self"
             d:DesignHeight="200" d:DesignWidth="130">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="30"/>
            <RowDefinition Height="50"/>
            <RowDefinition Height="50"/>
            <RowDefinition Height="30"/>
            <RowDefinition Height="30"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="20"/>
            <ColumnDefinition Width="50"/>
            <ColumnDefinition Width="50"/>

            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Label  Grid.Row="0" Grid.Column="1"  HorizontalAlignment="Center" Content="A" FontSize="12" VerticalContentAlignment="Center" VerticalAlignment="Center" />
        <Label  Grid.Row="0" Grid.Column="2"  HorizontalAlignment="Center" Content="B" FontSize="12" VerticalContentAlignment="Center" VerticalAlignment="Center" />

        <Label  Grid.Row="4" Grid.Column="0"  Grid.ColumnSpan="4" HorizontalAlignment="Center" Content="{Binding ModuleName}" FontSize="12" VerticalContentAlignment="Center" VerticalAlignment="Center" />
        <Button  Grid.Row="1" Grid.Column="1" Width="40" Height="30" Background="DeepSkyBlue" Content="On" Click="AOn_Click" Canvas.Left="60" Canvas.Top="39"></Button>
        <Button  Grid.Row="2" Grid.Column="1" Width="40" Height="30" Background="DeepSkyBlue" Content="Off"  Click="AOff_Click" Canvas.Left="101" Canvas.Top="40"></Button>
        <Button  Grid.Row="1" Grid.Column="2" Width="40" Height="30" Background="DeepSkyBlue" Content="On" Click="BOn_Click" Canvas.Left="60" Canvas.Top="39"></Button>
        <Button  Grid.Row="2" Grid.Column="2" Width="40" Height="30" Background="DeepSkyBlue" Content="Off"  Click="BOff_Click" Canvas.Left="101" Canvas.Top="40"></Button>
        <Ellipse Grid.Row="3" Grid.Column="1" Width="16" Height="16"  Fill ="LimeGreen" Stroke="Silver" HorizontalAlignment="Center" VerticalAlignment="Top">
            <Ellipse.Style>
                <Style TargetType="Ellipse">
                    <!-- 默认颜色（SignalOn为false时） -->
                    <Setter Property="Fill" Value="LightGray"/>
                    <Style.Triggers>
                        <!-- 当SignalOn为true时变为绿色 -->
                        <DataTrigger Binding="{Binding ElementName=self, Path=SignalAOn}" Value="True">
                            <Setter Property="Fill" Value="LimeGreen"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Ellipse.Style>
        </Ellipse>
        <Ellipse Grid.Row="3" Grid.Column="2" Width="16" Height="16"  Fill ="LimeGreen" Stroke="Silver" HorizontalAlignment="Center" VerticalAlignment="Top">
            <Ellipse.Style>
                <Style TargetType="Ellipse">
                    <!-- 默认颜色（SignalOn为false时） -->
                    <Setter Property="Fill" Value="LightGray"/>
                    <Style.Triggers>
                        <!-- 当SignalOn为true时变为绿色 -->
                        <DataTrigger Binding="{Binding ElementName=self, Path=SignalBOn}" Value="True">
                            <Setter Property="Fill" Value="LimeGreen"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Ellipse.Style>
        </Ellipse>
    </Grid>
</UserControl>