AUCMA_SCADA/Aucma.Core.BoxFoam/Views/MonitorPageView.xaml

<UserControl x:Class="Aucma.Core.BoxFoam.Views.MonitorPageView"
             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:Aucma.Core.BoxFoam.Views"
             mc:Ignorable="d" Background="#1152AC"   FontFamily="Microsoft YaHei"
             d:DesignHeight="450" d:DesignWidth="800">
    <UserControl.Resources>
        <Style x:Key="DataGridTextColumnCenterSytle" TargetType="{x:Type TextBlock}">
            <Setter Property="VerticalAlignment" Value="Center" />
        </Style>

        <Style TargetType="DataGrid">
            <!--网格线颜色-->
            <Setter Property="CanUserResizeColumns" Value="false"/>
            <Setter Property="Background" Value="#1152AC" />
            <Setter Property="BorderBrush" Value="#4285DE" />
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="HorizontalGridLinesBrush">
                <Setter.Value>
                    <SolidColorBrush Color="#4285DE"/>
                </Setter.Value>
            </Setter>
            <Setter Property="VerticalGridLinesBrush">
                <Setter.Value>
                    <SolidColorBrush Color="#1152AC"/>
                </Setter.Value>
            </Setter>
        </Style>
        <!--列头标题栏样式-->
        <Style TargetType="DataGridColumnHeader">
            <!--<Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>-->
            <!--<Setter Property="Background" Value="#dddddd"/>
    <Setter Property="Foreground" Value="Black"/>-->
            <!--<Setter Property="BorderThickness" Value="1" />-->
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="BorderBrush" Value="#dddddd" />
            <Setter Property="Height" Value="40"/>
            <Setter Property="FontSize" Value="14"/>
            <Setter Property="Background" Value="#4285DE"/>
            <Setter Property="Foreground" Value="White"/>
        </Style>

        <!--单元格样式-->
        <Style TargetType="DataGridCell">
            <Setter Property="FocusVisualStyle" Value="{x:Null}" />
            <Setter Property="BorderThickness" Value="0" />
            <Setter Property="BorderBrush" Value="Gray" />
            <Setter Property="Height" Value="40"/>
            <Setter Property="FontSize" Value="18"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type DataGridCell}">
                        <Grid Background="{TemplateBinding Background}" >
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Background" Value="#4285DE"/>
                    <Setter Property="Foreground" Value="White"/>
                </Trigger>
            </Style.Triggers>

        </Style>
        <Style TargetType="{x:Type Slider}">
            <Style.Resources>
                <!-- 重写重复触发按钮的样式 -->
                <Style x:Key="RepeatButtonStyle" TargetType="{x:Type RepeatButton}">
                    <Setter Property="Focusable" Value="false" />
                    <Setter Property="IsTabStop" Value="false" />
                    <Setter Property="Padding" Value="0" />
                    <Setter Property="Width" Value="30" />
                </Style>
            </Style.Resources>
            <Setter Property="Stylus.IsPressAndHoldEnabled" Value="false" />
            <Setter Property="SmallChange" Value="1" />
            <!-- 重写Slider的模板 -->
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Slider}">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition />
                                <RowDefinition />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <TextBox Grid.RowSpan="2" Height="Auto" Margin="0" Padding="0"  VerticalAlignment="Stretch" 
                             VerticalContentAlignment="Center" Text="{Binding RelativeSource={RelativeSource Mode=TemplatedParent}, Path=Value}">
                                <!-- 给TextBox绑定上下命令 -->
                                <TextBox.InputBindings>
                                    <KeyBinding Gesture="Up" Command="{x:Static Slider.IncreaseSmall}" />
                                    <KeyBinding Gesture="Down" Command="{x:Static Slider.DecreaseSmall}" />
                                    <KeyBinding Gesture="PageUp" Command="{x:Static Slider.IncreaseLarge}" />
                                    <KeyBinding Gesture="PageDown" Command="{x:Static Slider.DecreaseLarge}" />
                                </TextBox.InputBindings>
                            </TextBox>
                            <RepeatButton Grid.Row="0" Grid.Column="1"  Command="{x:Static Slider.IncreaseSmall}"                             
                                  Style="{StaticResource RepeatButtonStyle}">
                                <Path Data="M4,0 L0,4 8,4 Z" Fill="Black" />
                            </RepeatButton>
                            <RepeatButton Grid.Row="1" Grid.Column="1" Command="{x:Static Slider.DecreaseSmall}"                            
                                  Style="{StaticResource RepeatButtonStyle}">
                                <Path Data="M0,0 L4,4 8,0 Z" Fill="Black" />
                            </RepeatButton>
                            <!-- 由于Slider的内部实现要求存在这些必要组件,所以必须保留,但是设置为隐藏即可 -->
                            <Border x:Name="TrackBackground" Visibility="Collapsed">
                                <Rectangle x:Name="PART_SelectionRange" Visibility="Collapsed" />
                            </Border>
                            <Thumb x:Name="Thumb" Visibility="Collapsed" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <Grid Margin="5 10 5 5">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="2*"/>
        </Grid.RowDefinitions>

        <UniformGrid Grid.Row="0" Margin="5">
            <DataGrid Grid.Row="0" ItemsSource="{Binding  RealTimeDataGrid}" 
                       ColumnHeaderHeight="30"   Foreground="white" 
                      RowHeight="50" AutoGenerateColumns="False" RowHeaderWidth="0" 
                      GridLinesVisibility="None" ScrollViewer.HorizontalScrollBarVisibility="Hidden" 
                      ScrollViewer.VerticalScrollBarVisibility="Hidden" BorderThickness="0" CanUserAddRows="False" SelectionMode="Single" IsReadOnly="True"
                    >
                <!--修改选中字体颜色-->
                <DataGrid.Columns>
                    <DataGridTextColumn Binding="{Binding No}" Header="编号" Width="*"   ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}"/>
                    <DataGridTextColumn Binding="{Binding ExecutePlanCode}" Header="任务编码" Width="1*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}"/>
                    <DataGridTextColumn Binding="{Binding ProductPlanCode}" Header="物料编码" Width="1*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}" />
                    <DataGridTextColumn Binding="{Binding MaterialName}" Header="物料型号" Width="2*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}" />
                    <DataGridTextColumn Binding="{Binding PlanAmount}" Header="流水号" Width="*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}"/>
                    <DataGridTextColumn Binding="{Binding BeginTime ,StringFormat=\{0:MM月dd日 HH:mm\}}" Header="执行时间" Width="1.5*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}"/>
                    <DataGridTextColumn Binding="{Binding CompleteAmount}" Header="设备号" Width="*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}"/>
                </DataGrid.Columns>
            </DataGrid>
        </UniformGrid>
        <UniformGrid Grid.Row="1" Margin="5 20 5 5">
            <DataGrid Grid.Row="0" ItemsSource="{Binding PlanInfoDataGrid}" Background="#00000000" 
                       ColumnHeaderHeight="35"   HeadersVisibility="None"
                      RowHeight="50" AutoGenerateColumns="False" RowHeaderWidth="0" 
                      GridLinesVisibility="None" ScrollViewer.HorizontalScrollBarVisibility="Hidden" 
                      ScrollViewer.VerticalScrollBarVisibility="Hidden" BorderThickness="0" CanUserAddRows="False" SelectionMode="Single" IsReadOnly="True"
                      Foreground="white"  >
                <!--修改选中字体颜色-->
                <DataGrid.Columns>
                    <DataGridTextColumn Binding="{Binding No}" Header="编号" Width="*"  ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}"/>
                    <DataGridTextColumn Binding="{Binding ExecutePlanCode}" Header="任务编码" Width="1*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}"/>
                    <DataGridTextColumn Binding="{Binding ProductPlanCode}" Header="物料编码" Width="1*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}" />
                    <DataGridTextColumn Binding="{Binding MaterialName}" Header="物料型号" Width="2*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}" />
                    <DataGridTextColumn Binding="{Binding PlanAmount}" Header="流水号" Width="*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}"/>
                    <DataGridTextColumn Binding="{Binding BeginTime ,StringFormat=\{0:MM月dd日 HH:mm\}}" Header="执行时间" Width="1.5*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}"/>
                    <DataGridTextColumn Binding="{Binding CompleteAmount}" Header="设备号" Width="*" ElementStyle="{StaticResource  DataGridTextColumnCenterSytle}"/>
                </DataGrid.Columns>
            </DataGrid>
        </UniformGrid>
    </Grid>
</UserControl>