LPLocalhostMES/LocalhostMES/Views/Tabs/TcpServerView.xaml

<UserControl x:Class="LocalhostMES.Views.Tabs.TcpServerView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:prism="http://prismlibrary.com/"
             prism:ViewModelLocator.AutoWireViewModel="True"
             mc:Ignorable="d"
             d:DesignHeight="480" d:DesignWidth="780">
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <GroupBox Header="TCP服务器">
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="监听端口:" VerticalAlignment="Center" Margin="4,0" />
                <TextBox Width="120" Text="{Binding ServerPort, UpdateSourceTrigger=PropertyChanged}" />
                <Button Content="启动" Width="80" Style="{StaticResource SuccessButtonStyle}" Command="{Binding StartServerCommand}" />
                <Button Content="停止" Width="80" Style="{StaticResource DangerButtonStyle}" Command="{Binding StopServerCommand}" />
                <TextBlock Text="{Binding IsRunning, StringFormat=运行状态: {0}}" VerticalAlignment="Center" Margin="10,0,0,0" />
            </StackPanel>
        </GroupBox>

        <GroupBox Grid.Row="1" Header="手动发送" Margin="0,10,0,10">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="260" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                <ComboBox Grid.Column="0"
                          ItemsSource="{Binding Clients}"
                          SelectedItem="{Binding SelectedClient}"
                          DisplayMemberPath="RemoteEndPoint"
                          MinWidth="220" />
                <TextBox Grid.Column="1" Margin="6,0,6,0"
                         Text="{Binding OutgoingMessage, UpdateSourceTrigger=PropertyChanged}" />
                <Button Grid.Column="2" Content="发送" Width="80" Command="{Binding SendMessageCommand}" />
            </Grid>
        </GroupBox>

        <Grid Grid.Row="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="280" />
                <ColumnDefinition Width="10" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            <GroupBox Grid.Column="0" Header="已连接客户端">
                <DataGrid ItemsSource="{Binding Clients}"
                          SelectedItem="{Binding SelectedClient}"
                          Margin="0"
                          AutoGenerateColumns="False">
                    <DataGrid.Columns>
                        <DataGridTextColumn Header="客户端" Binding="{Binding RemoteEndPoint}" Width="*" />
                        <DataGridTextColumn Header="ID" Binding="{Binding ClientId}" Width="120" />
                    </DataGrid.Columns>
                </DataGrid>
            </GroupBox>

            <GroupBox Grid.Column="2" Header="收发日志">
                <ListBox ItemsSource="{Binding MessageLogs}" />
            </GroupBox>
        </Grid>
    </Grid>
</UserControl>