TrainCamp_zhangyongpan_Modbus/ModbusDemo/VIew/CoilUC.xaml

<UserControl
    x:Class="ModbusDemo.VIew.CoilUC"
    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:ModbusDemo.VIew"
    xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
    xmlns:viewmodel="clr-namespace:ModbusDemo.VIewModel"
    d:DataContext="{d:DesignInstance Type=viewmodel:CoilUCViewModel,
                                     IsDesignTimeCreatable=True}"
    d:Background="White"
    d:DesignHeight="450"
    d:DesignWidth="800"
    mc:Ignorable="d">
    <UserControl.Resources>
        <Style TargetType="TextBox">
            <Setter Property="Margin" Value="0,5" />
            <Setter Property="FontSize" Value="14" />
        </Style>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="60">
            </RowDefinition>
            <RowDefinition>
            </RowDefinition>
            <RowDefinition>
            </RowDefinition>
            <RowDefinition>
            </RowDefinition>
        </Grid.RowDefinitions>
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Text="{Binding SerialPortInfo}"
            FontWeight="Black"
            FontSize="16">
        </TextBlock>
        <!--  定义读取的数据  -->
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition>
                </ColumnDefinition>
                <ColumnDefinition>
                </ColumnDefinition>
                <ColumnDefinition>
                </ColumnDefinition>
                <ColumnDefinition>
                </ColumnDefinition>
                <ColumnDefinition>
                </ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition>
                </RowDefinition>
                <RowDefinition Height="60">
                </RowDefinition>
            </Grid.RowDefinitions>
            <!--  线圈的读取  -->
            <StackPanel HorizontalAlignment="Center" Orientation="Vertical">
                <TextBlock Margin="20" Text="从站地址">
                </TextBlock>
                <TextBox Margin="0,-10,0,0" Text="{Binding SlaveAddress}">
                </TextBox>
            </StackPanel>

            <StackPanel Grid.Column="1" HorizontalAlignment="Center" Orientation="Vertical">
                <TextBlock Margin="20" Text="起始地址">
                </TextBlock>
                <TextBox Margin="0,-10,0,0" Text="{Binding StartAddress}">
                </TextBox>
            </StackPanel>

            <StackPanel Grid.Column="2" HorizontalAlignment="Center" Orientation="Vertical">
                <TextBlock Margin="20" Text="读取位数">
                </TextBlock>
                <TextBox Margin="0,-10,0,0" Text="{Binding NumberOfPoints}">
                </TextBox>
            </StackPanel>

            <StackPanel Grid.Row="2" Grid.ColumnSpan="4" HorizontalAlignment="Center" Orientation="Horizontal">

                <TextBlock Margin="0,20,0,0" Text="读取结果:" FontWeight="Black" />

                <TextBox MinWidth="120" Margin="20,0,0,0" Text="{Binding ReadResult}" Style="{StaticResource MaterialDesignOutlinedTextBox}" />
            </StackPanel>
            <Button
                Grid.Column="4"
                Width="80"
                Height="40"
                materialDesign:ButtonAssist.CornerRadius="20"
                IsEnabled="{Binding IsEnable}"
                Command="{Binding ReadCoilCmm}"
                Content="读取"
                Style="{StaticResource MaterialDesignRaisedDarkButton}">
            </Button>

        </Grid>
        <Grid Grid.Row="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition>
                </ColumnDefinition>
                <ColumnDefinition>
                </ColumnDefinition>
                <ColumnDefinition>
                </ColumnDefinition>
                <ColumnDefinition>
                </ColumnDefinition>
                <ColumnDefinition>
                </ColumnDefinition>
            </Grid.ColumnDefinitions>
            <!--  线圈的写入  -->
            <StackPanel HorizontalAlignment="Center" Orientation="Vertical">
                <TextBlock Margin="20" Text="从站地址">
                </TextBlock>
                <TextBox Margin="0,-10,0,0" Text="{Binding WriteSlaveAddress}">
                </TextBox>
            </StackPanel>

            <StackPanel Grid.Column="1" HorizontalAlignment="Center" Orientation="Vertical">
                <TextBlock Margin="20" Text="起始地址">
                </TextBlock>
                <TextBox Margin="0,-10,0,0" Text="{Binding WriteStartAddress}">
                </TextBox>
            </StackPanel>

            <StackPanel Grid.Column="2" HorizontalAlignment="Center" Orientation="Vertical">
                <TextBlock Margin="20" Text="写入数据">
                </TextBlock>
                <TextBox Margin="0,-10,0,0" Text="{Binding WriteData}">
                </TextBox>
            </StackPanel>
            <TextBlock
                Grid.Column="3"
                Margin="0,-50,0,0"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Text="1代表Ture，0代表flase">
            </TextBlock>


            <Button
                Grid.Column="4"
                Width="80"
                Height="40"
                materialDesign:ButtonAssist.CornerRadius="20"
                IsEnabled="{Binding IsEnable}"
                Command="{Binding WriteCoilCmm}"
                Content="写入"
                Style="{StaticResource MaterialDesignRaisedDarkButton}">
            </Button>
        </Grid>
        <!--  展示历史读取数据  -->
        <Grid Grid.Row="3">
            <DataGrid ItemsSource="{Binding ModbusLogList}" AutoGenerateColumns="False" IsReadOnly="True" ColumnWidth="*">
                <DataGrid.Columns>
                    <!--  操作类型列  -->
                    <DataGridTextColumn Width="100" Header="操作类型" Binding="{Binding OperationType}" />

                    <!--  请求数据列  -->
                    <DataGridTextColumn Header="请求数据" Binding="{Binding RequestData}" />

                    <!--  响应数据列  -->
                    <DataGridTextColumn Header="响应数据" Binding="{Binding ResponseData}" />

                    <!--  操作时间列  -->
                    <DataGridTextColumn Width="200" Header="操作时间" Binding="{Binding Time, StringFormat='yyyy-MM-dd HH:mm:ss'}" />
                </DataGrid.Columns>
            </DataGrid>
        </Grid>
    </Grid>
</UserControl>