SparkClient/Views/Configuration/CutConfigPage.xaml

<Border x:Class="SparkClient.Views.Configuration.CutConfigPage"
        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:SparkClient.Views"
        mc:Ignorable="d">
    <Grid Background="Transparent">
        <Grid.RowDefinitions>
            <!-- 第一排 -->
            <RowDefinition Height="51" /> 
            <!-- 第二排 -->
            <RowDefinition Height="5*" />
           
        </Grid.RowDefinitions>   
        <Grid Grid.Row="0" >
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            
            <Button Grid.Column="0"  Width="100"  Margin="10 5 "  Padding="0"  Height="50" 
                    BorderThickness="0" Background="Transparent" FocusVisualStyle="{x:Null}"  Command="{Binding SaveCutConfigDataCommand}" IsEnabled="{Binding IsEnabled}">
                <Border HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Margin="0 0 0 0"
                        Padding="10, 10"
                        Width="100" 
                        BorderThickness="0"
                        CornerRadius="20">
                    <Border.Background>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                            <GradientStop Color="#29c4ba" Offset="0"/>
                            <GradientStop Color="#13b1a8" Offset="1"/>
                        </LinearGradientBrush>
                    </Border.Background>
                    <TextBlock  Text="{ DynamicResource Save}"  TextAlignment="Center" Foreground="#ffffff" FontSize="16"></TextBlock>
                </Border>
            </Button>
            
            <Button Grid.Column="2"  Width="100"  Margin="10 5 "  Padding="0"  Height="50" 
                    BorderThickness="0" Background="Transparent" FocusVisualStyle="{x:Null}"  Command="{Binding AddRowsCommand}">
                <Border HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Margin="0 0 0 0"
                        Padding="10, 10"
                        Width="100" 
                        BorderThickness="0"
                        CornerRadius="20">
                    <Border.Background>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                            <GradientStop Color="#29c4ba" Offset="0"/>
                            <GradientStop Color="#13b1a8" Offset="1"/>
                        </LinearGradientBrush>
                    </Border.Background>
                    <TextBlock  Text="{ DynamicResource AddRow}"  TextAlignment="Center" Foreground="#ffffff" FontSize="16"></TextBlock>
                </Border>
            </Button>
           
        </Grid>
        
        <DataGrid Grid.Row="1" ItemsSource="{Binding CutterInfos}"
                  AutoGenerateColumns="False"
                  CanUserAddRows="False">
            <DataGrid.Resources>
                <Style x:Key="CenteredTextBlockStyle" TargetType="TextBox">
                    <Setter Property="TextAlignment" Value="Center"/>
                    <Setter Property="HorizontalAlignment" Value="Stretch"/>
                    <Setter Property="VerticalAlignment" Value="Center"/>
                    <Setter Property="Foreground" Value="Black"/>
                </Style>
            </DataGrid.Resources>
            <DataGrid.ColumnHeaderStyle>
                <Style TargetType="DataGridColumnHeader">
                    <Setter Property="Background" Value="#efefefef" />
                    <Setter Property="FontSize" Value="18px" />
                    <Setter Property="Height" Value="39" />
                    <Setter Property="HorizontalAlignment" Value="Center" />
                </Style>
            </DataGrid.ColumnHeaderStyle>
            <DataGrid.Style>
                <Style TargetType="DataGrid">
                    <Setter Property="HorizontalGridLinesBrush">
                        <Setter.Value>
                            <SolidColorBrush Color="#efefefef"/>
                        </Setter.Value>
                    </Setter>
                    <Setter Property="VerticalGridLinesBrush">
                        <Setter.Value>
                            <SolidColorBrush Color="#efefefef"/>
                        </Setter.Value>
                    </Setter>
                </Style>
            </DataGrid.Style>
            <DataGrid.RowStyle>
                <Style TargetType="DataGridRow">
                    <Setter Property="Height" Value="39" />
                    <Setter Property="HorizontalAlignment" Value="Center" />
                    <Setter Property="FontSize" Value="18px" />
                </Style>
            </DataGrid.RowStyle>
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="{StaticResource CutConfigItemName}" Width="2*" >
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding ItemName}" 
                       Foreground="Black" 
                       TextAlignment="Center" 
                       VerticalAlignment="Center" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                    <DataGridTemplateColumn.CellEditingTemplate>
                        <DataTemplate>
                            <TextBox Text="{Binding ItemName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" MaxLength="50"
                                    Foreground="Black" Style="{StaticResource CenteredTextBlockStyle}">
                            </TextBox>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellEditingTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Header="Key" Width="*" >
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding Key}" 
                       Foreground="Black" 
                       TextAlignment="Center" 
                       VerticalAlignment="Center" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                    <DataGridTemplateColumn.CellEditingTemplate>
                        <DataTemplate>
                            <TextBox Text="{Binding Key, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" MaxLength="50" Style="{StaticResource CenteredTextBlockStyle}">
                            </TextBox>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellEditingTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Header="Value" Width="*">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding Value}" 
                       Foreground="Black" 
                       TextAlignment="Center" 
                       VerticalAlignment="Center" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                    <DataGridTemplateColumn.CellEditingTemplate>
                        <DataTemplate>
                                <TextBox Text="{Binding Value, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" MaxLength="50" Style="{StaticResource CenteredTextBlockStyle}">
                            </TextBox>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellEditingTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Header="{StaticResource CutConfigOperation}" Width="*">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button Content="{StaticResource CutConfigDel}" Style="{StaticResource ButtonDanger}" Command="{Binding DataContext.DelCutRowCommand,RelativeSource={RelativeSource AncestorType=DataGrid}}" CommandParameter="{Binding}">
                                
                            </Button>
                        </DataTemplate> 
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTextColumn Header="RowNo" Width="0" Visibility="Hidden"
                     Binding="{Binding RowNo}" />
                <DataGridTextColumn Header="RowNo" Width="0" Visibility="Hidden"
                                    Binding="{Binding GUID}" />
            </DataGrid.Columns>
        </DataGrid>
        
    </Grid>
</Border>