WPF --- 重写圆角DataGrid样式

引言

因要符合UI设计，需要一个圆角的 DataGrid 样式，其需要一个，所以需要重写DataGrid的样式，

代码

具体样式代码如下：

<ResourceDictionary

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:System="clr-namespace:System;assembly=mscorlib"

    xmlns:theme="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Classic">

    <!--#region 基础设置-->

    <SolidColorBrush x:Key="DataGridBackground" Color="#DCE3EC" />

    <SolidColorBrush x:Key="DataGridForeground" Color="#313F56" />

    <System:Double x:Key="DataGridFontSize">22</System:Double>

    <SolidColorBrush x:Key="{x:Static DataGrid.FocusBorderBrushKey}" Color="#FF000000" />

    <BooleanToVisibilityConverter x:Key="bool2VisibilityConverter" />

    <Style x:Key="RowHeaderGripperStyle" TargetType="{x:Type Thumb}">

        <Setter Property="Height" Value="8" />

        <Setter Property="Background" Value="Transparent" />

        <Setter Property="Cursor" Value="SizeNS" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type Thumb}">

                    <Border Padding="{TemplateBinding Padding}" Background="{TemplateBinding Background}" />

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="ColumnHeaderGripperStyle" TargetType="{x:Type Thumb}">

        <Setter Property="Width" Value="8" />

        <Setter Property="Background" Value="Transparent" />

        <Setter Property="Cursor" Value="SizeWE" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type Thumb}">

                    <Border Padding="{TemplateBinding Padding}" Background="{TemplateBinding Background}" />

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="{ComponentResourceKey ResourceId=DataGridSelectAllButtonStyle, TypeInTargetAssembly={x:Type DataGrid}}" TargetType="{x:Type Button}">

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type Button}">

                    <Grid>

                        <Rectangle

                            x:Name="Border"

                            Fill="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"

                            SnapsToDevicePixels="True" />

                        <Polygon

                            x:Name="Arrow"

                            Margin="8,8,3,3"

                            HorizontalAlignment="Right"

                            VerticalAlignment="Bottom"

                            Fill="Black"

                            Opacity="0.15"

                            Points="0,10 10,10 10,0"

                            Stretch="Uniform" />

                    </Grid>

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsMouseOver" Value="True">

                            <Setter TargetName="Border" Property="Stroke" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}" />

                        </Trigger>

                        <Trigger Property="IsPressed" Value="True">

                            <Setter TargetName="Border" Property="Fill" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}" />

                        </Trigger>

                        <Trigger Property="IsEnabled" Value="False">

                            <Setter TargetName="Arrow" Property="Visibility" Value="Collapsed" />

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <!--#endregion-->

    <!--#region 滚动条-->

    <Style x:Key="ScrollBarFocusVisualStyle1" TargetType="{x:Type Control}">

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type Control}">

                    <Grid />

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="FocusVisual">

        <Setter Property="Control.Template">

            <Setter.Value>

                <ControlTemplate>

                    <Rectangle

                        Margin="2"

                        SnapsToDevicePixels="true"

                        Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"

                        StrokeDashArray="1 2"

                        StrokeThickness="1" />

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <SolidColorBrush x:Key="ScrollBar.Static.Background" Color="#F0F0F0" />

    <SolidColorBrush x:Key="ScrollBar.Static.Border" Color="#F0F0F0" />

    <SolidColorBrush x:Key="ScrollBar.Static.Glyph" Color="#606060" />

    <SolidColorBrush x:Key="ScrollBar.Static.Thumb" Color="#CDCDCD" />

    <SolidColorBrush x:Key="ScrollBar.MouseOver.Background" Color="#DADADA" />

    <SolidColorBrush x:Key="ScrollBar.MouseOver.Border" Color="#DADADA" />

    <SolidColorBrush x:Key="ScrollBar.MouseOver.Glyph" Color="#000000" />

    <SolidColorBrush x:Key="ScrollBar.MouseOver.Thumb" Color="#A6A6A6" />

    <SolidColorBrush x:Key="ScrollBar.Pressed.Background" Color="#606060" />

    <SolidColorBrush x:Key="ScrollBar.Pressed.Border" Color="#606060" />

    <SolidColorBrush x:Key="ScrollBar.Pressed.Thumb" Color="#606060" />

    <SolidColorBrush x:Key="ScrollBar.Pressed.Glyph" Color="#FFFFFF" />

    <SolidColorBrush x:Key="ScrollBar.Disabled.Background" Color="#F0F0F0" />

    <SolidColorBrush x:Key="ScrollBar.Disabled.Border" Color="#F0F0F0" />

    <SolidColorBrush x:Key="ScrollBar.Disabled.Glyph" Color="#BFBFBF" />

    <Style x:Key="RepeatButtonTransparent" TargetType="{x:Type RepeatButton}">

        <Setter Property="OverridesDefaultStyle" Value="true" />

        <Setter Property="Background" Value="Transparent" />

        <Setter Property="Focusable" Value="false" />

        <Setter Property="IsTabStop" Value="false" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type RepeatButton}">

                    <Rectangle

                        Width="{TemplateBinding Width}"

                        Height="{TemplateBinding Height}"

                        Fill="{TemplateBinding Background}" />

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="ScrollBarButton" TargetType="{x:Type RepeatButton}">

        <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}" />

        <Setter Property="BorderThickness" Value="1" />

        <Setter Property="HorizontalContentAlignment" Value="Center" />

        <Setter Property="VerticalContentAlignment" Value="Center" />

        <Setter Property="Padding" Value="1" />

        <Setter Property="Focusable" Value="false" />

        <Setter Property="IsTabStop" Value="false" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type RepeatButton}">

                    <Border

                        x:Name="border"

                        Background="{StaticResource ScrollBar.Static.Background}"

                        BorderBrush="{StaticResource ScrollBar.Static.Border}"

                        BorderThickness="1"

                        SnapsToDevicePixels="true">

                        <ContentPresenter

                            x:Name="contentPresenter"

                            Margin="{TemplateBinding Padding}"

                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

                            Focusable="False"

                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

                    </Border>

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsMouseOver" Value="true">

                            <Setter TargetName="border" Property="Background" Value="{StaticResource ScrollBar.MouseOver.Background}" />

                            <Setter TargetName="border" Property="BorderBrush" Value="{StaticResource ScrollBar.MouseOver.Border}" />

                        </Trigger>

                        <Trigger Property="IsPressed" Value="true">

                            <Setter TargetName="border" Property="Background" Value="{StaticResource ScrollBar.Pressed.Background}" />

                            <Setter TargetName="border" Property="BorderBrush" Value="{StaticResource ScrollBar.Pressed.Border}" />

                        </Trigger>

                        <Trigger Property="IsEnabled" Value="false">

                            <Setter TargetName="contentPresenter" Property="Opacity" Value="0.56" />

                            <Setter TargetName="border" Property="Background" Value="{StaticResource ScrollBar.Disabled.Background}" />

                            <Setter TargetName="border" Property="BorderBrush" Value="{StaticResource ScrollBar.Disabled.Border}" />

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="ScrollBarThumbVertical" TargetType="{x:Type Thumb}">

        <Setter Property="OverridesDefaultStyle" Value="true" />

        <Setter Property="IsTabStop" Value="false" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type Thumb}">

                    <Rectangle

                        x:Name="rectangle"

                        Width="{TemplateBinding Width}"

                        Height="{TemplateBinding Height}"

                        Fill="#A0ADBE"

                        RadiusX="3"

                        RadiusY="3"

                        SnapsToDevicePixels="True" />

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsMouseOver" Value="true">

                            <Setter TargetName="rectangle" Property="Fill" Value="{StaticResource ScrollBar.MouseOver.Thumb}" />

                        </Trigger>

                        <Trigger Property="IsDragging" Value="true">

                            <Setter TargetName="rectangle" Property="Fill" Value="{StaticResource ScrollBar.Pressed.Thumb}" />

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="ScrollBarThumbHorizontal" TargetType="{x:Type Thumb}">

        <Setter Property="OverridesDefaultStyle" Value="true" />

        <Setter Property="IsTabStop" Value="false" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type Thumb}">

                    <Rectangle

                        x:Name="rectangle"

                        Width="{TemplateBinding Width}"

                        Height="{TemplateBinding Height}"

                        Fill="{StaticResource ScrollBar.Static.Thumb}"

                        SnapsToDevicePixels="True" />

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsMouseOver" Value="true">

                            <Setter TargetName="rectangle" Property="Fill" Value="{StaticResource ScrollBar.MouseOver.Thumb}" />

                        </Trigger>

                        <Trigger Property="IsDragging" Value="true">

                            <Setter TargetName="rectangle" Property="Fill" Value="{StaticResource ScrollBar.Pressed.Thumb}" />

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="DefaultScrollBarStyle" TargetType="{x:Type ScrollBar}">

        <Setter Property="Stylus.IsPressAndHoldEnabled" Value="false" />

        <Setter Property="Stylus.IsFlicksEnabled" Value="false" />

        <Setter Property="Background" Value="{StaticResource ScrollBar.Static.Background}" />

        <Setter Property="BorderBrush" Value="{StaticResource ScrollBar.Static.Border}" />

        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />

        <Setter Property="BorderThickness" Value="0" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type ScrollBar}">

                    <Grid x:Name="Bg" SnapsToDevicePixels="true">

                        <Grid.RowDefinitions>

                            <RowDefinition MaxHeight="{DynamicResource {x:Static SystemParameters.VerticalScrollBarButtonHeightKey}}" />

                            <RowDefinition Height="0.00001*" />

                            <RowDefinition MaxHeight="{DynamicResource {x:Static SystemParameters.VerticalScrollBarButtonHeightKey}}" />

                        </Grid.RowDefinitions>

                        <Border

                            Grid.Row="1"

                            Background="{TemplateBinding Background}"

                            BorderBrush="{TemplateBinding BorderBrush}"

                            BorderThickness="{TemplateBinding BorderThickness}"

                            Visibility="Collapsed" />

                        <RepeatButton

                            x:Name="PART_LineUpButton"

                            Command="{x:Static ScrollBar.LineUpCommand}"

                            IsEnabled="{TemplateBinding IsMouseOver}"

                            Style="{StaticResource ScrollBarButton}"

                            Visibility="Collapsed">

                            <Path

                                x:Name="ArrowTop"

                                Margin="3,4,3,3"

                                Data="M 0,4 C0,4 0,6 0,6 0,6 3.5,2.5 3.5,2.5 3.5,2.5 7,6 7,6 7,6 7,4 7,4 7,4 3.5,0.5 3.5,0.5 3.5,0.5 0,4 0,4 z"

                                Fill="{StaticResource ScrollBar.Static.Glyph}"

                                Stretch="Uniform" />

                        </RepeatButton>

                        <Track

                            x:Name="PART_Track"

                            Grid.Row="1"

                            IsDirectionReversed="true"

                            IsEnabled="{TemplateBinding IsMouseOver}">

                            <Track.Resources>

                                <System:Double x:Key="{x:Static SystemParameters.VerticalScrollBarButtonHeightKey}">

                                    300

                                </System:Double>

                            </Track.Resources>

                            <Track.DecreaseRepeatButton>

                                <RepeatButton Command="{x:Static ScrollBar.PageUpCommand}" Style="{StaticResource RepeatButtonTransparent}" />

                            </Track.DecreaseRepeatButton>

                            <Track.IncreaseRepeatButton>

                                <RepeatButton Command="{x:Static ScrollBar.PageDownCommand}" Style="{StaticResource RepeatButtonTransparent}" />

                            </Track.IncreaseRepeatButton>

                            <Track.Thumb>

                                <Thumb Width="6" Style="{StaticResource ScrollBarThumbVertical}" />

                            </Track.Thumb>

                        </Track>

                        <RepeatButton

                            x:Name="PART_LineDownButton"

                            Grid.Row="2"

                            Command="{x:Static ScrollBar.LineDownCommand}"

                            IsEnabled="{TemplateBinding IsMouseOver}"

                            Style="{StaticResource ScrollBarButton}"

                            Visibility="Collapsed">

                            <Path

                                x:Name="ArrowBottom"

                                Margin="3,4,3,3"

                                Data="M 0,2.5 C0,2.5 0,0.5 0,0.5 0,0.5 3.5,4 3.5,4 3.5,4 7,0.5 7,0.5 7,0.5 7,2.5 7,2.5 7,2.5 3.5,6 3.5,6 3.5,6 0,2.5 0,2.5 z"

                                Fill="{StaticResource ScrollBar.Static.Glyph}"

                                Stretch="Uniform" />

                        </RepeatButton>

                    </Grid>

                    <ControlTemplate.Triggers>

                        <MultiDataTrigger>

                            <MultiDataTrigger.Conditions>

                                <Condition Binding="{Binding IsMouseOver, ElementName=PART_LineDownButton}" Value="true" />

                                <Condition Binding="{Binding IsPressed, ElementName=PART_LineDownButton}" Value="true" />

                            </MultiDataTrigger.Conditions>

                            <Setter TargetName="ArrowBottom" Property="Fill" Value="{StaticResource ScrollBar.Pressed.Glyph}" />

                        </MultiDataTrigger>

                        <MultiDataTrigger>

                            <MultiDataTrigger.Conditions>

                                <Condition Binding="{Binding IsMouseOver, ElementName=PART_LineUpButton}" Value="true" />

                                <Condition Binding="{Binding IsPressed, ElementName=PART_LineUpButton}" Value="true" />

                            </MultiDataTrigger.Conditions>

                            <Setter TargetName="ArrowTop" Property="Fill" Value="{StaticResource ScrollBar.Pressed.Glyph}" />

                        </MultiDataTrigger>

                        <MultiDataTrigger>

                            <MultiDataTrigger.Conditions>

                                <Condition Binding="{Binding IsMouseOver, ElementName=PART_LineDownButton}" Value="true" />

                                <Condition Binding="{Binding IsPressed, ElementName=PART_LineDownButton}" Value="false" />

                            </MultiDataTrigger.Conditions>

                            <Setter TargetName="ArrowBottom" Property="Fill" Value="{StaticResource ScrollBar.MouseOver.Glyph}" />

                        </MultiDataTrigger>

                        <MultiDataTrigger>

                            <MultiDataTrigger.Conditions>

                                <Condition Binding="{Binding IsMouseOver, ElementName=PART_LineUpButton}" Value="true" />

                                <Condition Binding="{Binding IsPressed, ElementName=PART_LineUpButton}" Value="false" />

                            </MultiDataTrigger.Conditions>

                            <Setter TargetName="ArrowTop" Property="Fill" Value="{StaticResource ScrollBar.MouseOver.Glyph}" />

                        </MultiDataTrigger>

                        <Trigger Property="IsEnabled" Value="false">

                            <Setter TargetName="ArrowTop" Property="Fill" Value="{StaticResource ScrollBar.Disabled.Glyph}" />

                            <Setter TargetName="ArrowBottom" Property="Fill" Value="{StaticResource ScrollBar.Disabled.Glyph}" />

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

        <Style.Triggers>

            <Trigger Property="Orientation" Value="Horizontal">

                <Setter Property="Width" Value="Auto" />

                <Setter Property="MinWidth" Value="0" />

                <Setter Property="Height" Value="{DynamicResource {x:Static SystemParameters.HorizontalScrollBarHeightKey}}" />

                <Setter Property="MinHeight" Value="{DynamicResource {x:Static SystemParameters.HorizontalScrollBarHeightKey}}" />

                <Setter Property="BorderThickness" Value="0,1" />

                <Setter Property="Template">

                    <Setter.Value>

                        <ControlTemplate TargetType="{x:Type ScrollBar}">

                            <Grid x:Name="Bg" SnapsToDevicePixels="true">

                                <Grid.ColumnDefinitions>

                                    <ColumnDefinition MaxWidth="{DynamicResource {x:Static SystemParameters.HorizontalScrollBarButtonWidthKey}}" />

                                    <ColumnDefinition Width="0.00001*" />

                                    <ColumnDefinition MaxWidth="{DynamicResource {x:Static SystemParameters.HorizontalScrollBarButtonWidthKey}}" />

                                </Grid.ColumnDefinitions>

                                <Border

                                    Grid.Column="1"

                                    Background="{TemplateBinding Background}"

                                    BorderBrush="{TemplateBinding BorderBrush}"

                                    BorderThickness="{TemplateBinding BorderThickness}" />

                                <RepeatButton

                                    x:Name="PART_LineLeftButton"

                                    Command="{x:Static ScrollBar.LineLeftCommand}"

                                    IsEnabled="{TemplateBinding IsMouseOver}"

                                    Style="{StaticResource ScrollBarButton}">

                                    <Path

                                        x:Name="ArrowLeft"

                                        Margin="3"

                                        Data="M 3.18,7 C3.18,7 5,7 5,7 5,7 1.81,3.5 1.81,3.5 1.81,3.5 5,0 5,0 5,0 3.18,0 3.18,0 3.18,0 0,3.5 0,3.5 0,3.5 3.18,7 3.18,7 z"

                                        Fill="{StaticResource ScrollBar.Static.Glyph}"

                                        Stretch="Uniform" />

                                </RepeatButton>

                                <Track

                                    x:Name="PART_Track"

                                    Grid.Column="1"

                                    IsEnabled="{TemplateBinding IsMouseOver}">

                                    <Track.DecreaseRepeatButton>

                                        <RepeatButton Command="{x:Static ScrollBar.PageLeftCommand}" Style="{StaticResource RepeatButtonTransparent}" />

                                    </Track.DecreaseRepeatButton>

                                    <Track.IncreaseRepeatButton>

                                        <RepeatButton Command="{x:Static ScrollBar.PageRightCommand}" Style="{StaticResource RepeatButtonTransparent}" />

                                    </Track.IncreaseRepeatButton>

                                    <Track.Thumb>

                                        <Thumb Style="{StaticResource ScrollBarThumbHorizontal}" />

                                    </Track.Thumb>

                                </Track>

                                <RepeatButton

                                    x:Name="PART_LineRightButton"

                                    Grid.Column="2"

                                    Command="{x:Static ScrollBar.LineRightCommand}"

                                    IsEnabled="{TemplateBinding IsMouseOver}"

                                    Style="{StaticResource ScrollBarButton}">

                                    <Path

                                        x:Name="ArrowRight"

                                        Margin="3"

                                        Data="M 1.81,7 C1.81,7 0,7 0,7 0,7 3.18,3.5 3.18,3.5 3.18,3.5 0,0 0,0 0,0 1.81,0 1.81,0 1.81,0 5,3.5 5,3.5 5,3.5 1.81,7 1.81,7 z"

                                        Fill="{StaticResource ScrollBar.Static.Glyph}"

                                        Stretch="Uniform" />

                                </RepeatButton>

                            </Grid>

                            <ControlTemplate.Triggers>

                                <MultiDataTrigger>

                                    <MultiDataTrigger.Conditions>

                                        <Condition Binding="{Binding IsMouseOver, ElementName=PART_LineRightButton}" Value="true" />

                                        <Condition Binding="{Binding IsPressed, ElementName=PART_LineRightButton}" Value="true" />

                                    </MultiDataTrigger.Conditions>

                                    <Setter TargetName="ArrowRight" Property="Fill" Value="{StaticResource ScrollBar.Pressed.Glyph}" />

                                </MultiDataTrigger>

                                <MultiDataTrigger>

                                    <MultiDataTrigger.Conditions>

                                        <Condition Binding="{Binding IsMouseOver, ElementName=PART_LineLeftButton}" Value="true" />

                                        <Condition Binding="{Binding IsPressed, ElementName=PART_LineLeftButton}" Value="true" />

                                    </MultiDataTrigger.Conditions>

                                    <Setter TargetName="ArrowLeft" Property="Fill" Value="{StaticResource ScrollBar.Pressed.Glyph}" />

                                </MultiDataTrigger>

                                <MultiDataTrigger>

                                    <MultiDataTrigger.Conditions>

                                        <Condition Binding="{Binding IsMouseOver, ElementName=PART_LineRightButton}" Value="true" />

                                        <Condition Binding="{Binding IsPressed, ElementName=PART_LineRightButton}" Value="false" />

                                    </MultiDataTrigger.Conditions>

                                    <Setter TargetName="ArrowRight" Property="Fill" Value="{StaticResource ScrollBar.MouseOver.Glyph}" />

                                </MultiDataTrigger>

                                <MultiDataTrigger>

                                    <MultiDataTrigger.Conditions>

                                        <Condition Binding="{Binding IsMouseOver, ElementName=PART_LineLeftButton}" Value="true" />

                                        <Condition Binding="{Binding IsPressed, ElementName=PART_LineLeftButton}" Value="false" />

                                    </MultiDataTrigger.Conditions>

                                    <Setter TargetName="ArrowLeft" Property="Fill" Value="{StaticResource ScrollBar.MouseOver.Glyph}" />

                                </MultiDataTrigger>

                                <Trigger Property="IsEnabled" Value="false">

                                    <Setter TargetName="ArrowLeft" Property="Fill" Value="{StaticResource ScrollBar.Disabled.Glyph}" />

                                    <Setter TargetName="ArrowRight" Property="Fill" Value="{StaticResource ScrollBar.Disabled.Glyph}" />

                                </Trigger>

                            </ControlTemplate.Triggers>

                        </ControlTemplate>

                    </Setter.Value>

                </Setter>

            </Trigger>

        </Style.Triggers>

    </Style>

    <!--#endregion-->

    <!--#region 表格内样式-->

    <Style x:Key="DefaultDataGridCellStyle" TargetType="{x:Type DataGridCell}">

        <Setter Property="Background" Value="Transparent" />

        <Setter Property="Foreground" Value="{StaticResource DataGridForeground}" />

        <Setter Property="FontSize" Value="{StaticResource DataGridFontSize}" />

        <Setter Property="BorderBrush" Value="Transparent" />

        <Setter Property="BorderThickness" Value="1" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type DataGridCell}">

                    <Border

                        Background="{TemplateBinding Background}"

                        BorderBrush="{TemplateBinding BorderBrush}"

                        BorderThickness="{TemplateBinding BorderThickness}"

                        SnapsToDevicePixels="True">

                        <ContentPresenter

                            Margin="20,0,0,0"

                            VerticalAlignment="Center"

                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

                    </Border>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="DefaultDataGridColumnHeaderStyle" TargetType="{x:Type DataGridColumnHeader}">

        <Setter Property="Background" Value="Transparent" />

        <Setter Property="Foreground" Value="{StaticResource DataGridForeground}" />

        <Setter Property="Height" Value="68" />

        <Setter Property="Padding" Value="20,0,0,0" />

        <Setter Property="FontSize" Value="{StaticResource DataGridFontSize}" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">

                    <Grid>

                        <theme:DataGridHeaderBorder

                            Padding="{TemplateBinding Padding}"

                            Background="{TemplateBinding Background}"

                            BorderBrush="{TemplateBinding BorderBrush}"

                            BorderThickness="{TemplateBinding BorderThickness}"

                            IsClickable="{TemplateBinding CanUserSort}"

                            IsHovered="{TemplateBinding IsMouseOver}"

                            IsPressed="{TemplateBinding IsPressed}"

                            SeparatorBrush="{TemplateBinding SeparatorBrush}"

                            SeparatorVisibility="{TemplateBinding SeparatorVisibility}"

                            SortDirection="{TemplateBinding SortDirection}">

                            <ContentPresenter

                                HorizontalAlignment="Left"

                                VerticalAlignment="Center"

                                RecognizesAccessKey="True"

                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

                        </theme:DataGridHeaderBorder>

                        <Thumb

                            x:Name="PART_LeftHeaderGripper"

                            HorizontalAlignment="Left"

                            Style="{StaticResource ColumnHeaderGripperStyle}" />

                        <Thumb

                            x:Name="PART_RightHeaderGripper"

                            HorizontalAlignment="Right"

                            Style="{StaticResource ColumnHeaderGripperStyle}" />

                    </Grid>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="DefaultDataGridRowHeaderStyle" TargetType="{x:Type DataGridRowHeader}">

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type DataGridRowHeader}">

                    <Grid>

                        <theme:DataGridHeaderBorder

                            Padding="{TemplateBinding Padding}"

                            Background="{TemplateBinding Background}"

                            BorderBrush="{TemplateBinding BorderBrush}"

                            BorderThickness="{TemplateBinding BorderThickness}"

                            IsHovered="{TemplateBinding IsMouseOver}"

                            IsPressed="{TemplateBinding IsPressed}"

                            IsSelected="{TemplateBinding IsRowSelected}"

                            Orientation="Horizontal"

                            SeparatorBrush="{TemplateBinding SeparatorBrush}"

                            SeparatorVisibility="{TemplateBinding SeparatorVisibility}">

                            <StackPanel Orientation="Horizontal">

                                <ContentPresenter

                                    VerticalAlignment="Center"

                                    RecognizesAccessKey="True"

                                    SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

                                <Control

                                    SnapsToDevicePixels="false"

                                    Template="{Binding ValidationErrorTemplate, RelativeSource={RelativeSource AncestorType={x:Type DataGridRow}}}"

                                    Visibility="{Binding (Validation.HasError), Converter={StaticResource bool2VisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGridRow}}}" />

                            </StackPanel>

                        </theme:DataGridHeaderBorder>

                        <Thumb

                            x:Name="PART_TopHeaderGripper"

                            VerticalAlignment="Top"

                            Style="{StaticResource RowHeaderGripperStyle}" />

                        <Thumb

                            x:Name="PART_BottomHeaderGripper"

                            VerticalAlignment="Bottom"

                            Style="{StaticResource RowHeaderGripperStyle}" />

                    </Grid>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

    </Style>

    <Style x:Key="DefaultDataGridRowStyle" TargetType="{x:Type DataGridRow}">

        <Setter Property="Background" Value="Transparent" />

        <Setter Property="SnapsToDevicePixels" Value="true" />

        <Setter Property="Validation.ErrorTemplate" Value="{x:Null}" />

        <Setter Property="ValidationErrorTemplate">

            <Setter.Value>

                <ControlTemplate>

                    <TextBlock

                        Margin="2,0,0,0"

                        VerticalAlignment="Center"

                        Foreground="Red"

                        Text="!" />

                </ControlTemplate>

            </Setter.Value>

        </Setter>

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type DataGridRow}">

                    <Border

                        x:Name="DGR_Border"

                        Background="{TemplateBinding Background}"

                        BorderBrush="{TemplateBinding BorderBrush}"

                        BorderThickness="{TemplateBinding BorderThickness}"

                        SnapsToDevicePixels="True">

                        <SelectiveScrollingGrid>

                            <SelectiveScrollingGrid.ColumnDefinitions>

                                <ColumnDefinition Width="Auto" />

                                <ColumnDefinition Width="*" />

                            </SelectiveScrollingGrid.ColumnDefinitions>

                            <SelectiveScrollingGrid.RowDefinitions>

                                <RowDefinition Height="*" />

                                <RowDefinition Height="Auto" />

                            </SelectiveScrollingGrid.RowDefinitions>

                            <DataGridCellsPresenter

                                x:Name="dataGridCellsPresenter"

                                Grid.Column="1"

                                ItemsPanel="{TemplateBinding ItemsPanel}"

                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

                            <DataGridDetailsPresenter

                                x:Name="dataGridDetailsPresenter"

                                Grid.Row="1"

                                Grid.Column="1"

                                SelectiveScrollingGrid.SelectiveScrollingOrientation="{Binding AreRowDetailsFrozen, ConverterParameter={x:Static SelectiveScrollingOrientation.Vertical}, Converter={x:Static DataGrid.RowDetailsScrollingConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"

                                Visibility="{TemplateBinding DetailsVisibility}" />

                            <DataGridRowHeader

                                x:Name="dataGridRowHeader"

                                Grid.RowSpan="2"

                                SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"

                                Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Row}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" />

                        </SelectiveScrollingGrid>

                    </Border>

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsSelected" Value="True">

                            <Setter TargetName="DGR_Border" Property="Background" Value="#edf1f5" />

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

        <Style.Triggers>

            <Trigger Property="IsNewItem" Value="True">

                <Setter Property="Margin" Value="{Binding NewItemMargin, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" />

            </Trigger>

        </Style.Triggers>

    </Style>

    <!--#endregion-->

    <Style x:Key="DefaultDataGridStyle" TargetType="{x:Type DataGrid}">

        <Setter Property="IsReadOnly" Value="True" />

        <Setter Property="AutoGenerateColumns" Value="False" />

        <Setter Property="RowHeight" Value="68" />

        <Setter Property="Margin" Value="32" />

        <Setter Property="HeadersVisibility" Value="Column" />

        <Setter Property="CanUserAddRows" Value="False" />

        <Setter Property="CanUserDeleteRows" Value="False" />

        <Setter Property="CanUserReorderColumns" Value="False" />

        <Setter Property="CanUserResizeColumns" Value="False" />

        <Setter Property="CanUserResizeRows" Value="False" />

        <Setter Property="CanUserSortColumns" Value="False" />

        <Setter Property="SelectionMode" Value="Single" />

        <Setter Property="GridLinesVisibility" Value="Horizontal" />

        <Setter Property="HorizontalGridLinesBrush" Value="#CAD2DD" />

        <Setter Property="Background" Value="White" />

        <Setter Property="Foreground" Value="#313F56" />

        <Setter Property="BorderBrush" Value="#FF688CAF" />

        <Setter Property="BorderThickness" Value="1" />

        <Setter Property="RowDetailsVisibilityMode" Value="VisibleWhenSelected" />

        <Setter Property="ScrollViewer.CanContentScroll" Value="true" />

        <Setter Property="CellStyle" Value="{StaticResource DefaultDataGridCellStyle}" />

        <Setter Property="RowStyle" Value="{StaticResource DefaultDataGridRowStyle}" />

        <Setter Property="RowHeaderStyle" Value="{StaticResource DefaultDataGridRowHeaderStyle}" />

        <Setter Property="ColumnHeaderStyle" Value="{StaticResource DefaultDataGridColumnHeaderStyle}" />

        <Setter Property="ScrollViewer.PanningMode" Value="VerticalOnly" />

        <Setter Property="Stylus.IsFlicksEnabled" Value="False" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="{x:Type DataGrid}">

                    <Grid>

                        <Border Background="White" CornerRadius="8">

                            <Grid>

                                <Grid.RowDefinitions>

                                    <RowDefinition Height="68" />

                                    <RowDefinition Height="*" />

                                </Grid.RowDefinitions>

                                <Border

                                    Background="{StaticResource DataGridBackground}"

                                    BorderBrush="#cbd0d3"

                                    BorderThickness="1"

                                    CornerRadius="8,8,0,0" />

                            </Grid>

                        </Border>

                        <Border

                            Padding="{TemplateBinding Padding}"

                            Background="Transparent"

                            BorderBrush="#cbd0d3"

                            BorderThickness="1"

                            CornerRadius="8"

                            SnapsToDevicePixels="True">

                            <ScrollViewer x:Name="DG_ScrollViewer" Focusable="false">

                                <ScrollViewer.Template>

                                    <ControlTemplate TargetType="{x:Type ScrollViewer}">

                                        <Grid>

                                            <Grid.ColumnDefinitions>

                                                <ColumnDefinition Width="Auto" />

                                                <ColumnDefinition Width="*" />

                                                <ColumnDefinition Width="Auto" />

                                            </Grid.ColumnDefinitions>

                                            <Grid.RowDefinitions>

                                                <RowDefinition Height="Auto" />

                                                <RowDefinition Height="*" />

                                                <RowDefinition Height="Auto" />

                                            </Grid.RowDefinitions>

                                            <Button

                                                Width="{Binding CellsPanelHorizontalOffset, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"

                                                Command="{x:Static DataGrid.SelectAllCommand}"

                                                Focusable="false"

                                                Style="{DynamicResource {ComponentResourceKey ResourceId=DataGridSelectAllButtonStyle,

                                                                                              TypeInTargetAssembly={x:Type DataGrid}}}"

                                                Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.All}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" />

                                            <DataGridColumnHeadersPresenter

                                                x:Name="PART_ColumnHeadersPresenter"

                                                Grid.Column="1"

                                                Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Column}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" />

                                            <ScrollContentPresenter

                                                x:Name="PART_ScrollContentPresenter"

                                                Grid.Row="1"

                                                Grid.ColumnSpan="2"

                                                CanContentScroll="{TemplateBinding CanContentScroll}" />

                                            <ScrollBar

                                                x:Name="PART_VerticalScrollBar"

                                                Grid.Row="1"

                                                Grid.Column="1"

                                                HorizontalAlignment="Right"

                                                Maximum="{TemplateBinding ScrollableHeight}"

                                                Orientation="Vertical"

                                                Style="{StaticResource DefaultScrollBarStyle}"

                                                ViewportSize="{TemplateBinding ViewportHeight}"

                                                Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"

                                                Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource Mode=TemplatedParent}}" />

                                            <Grid Grid.Row="2" Grid.Column="1">

                                                <Grid.ColumnDefinitions>

                                                    <ColumnDefinition Width="{Binding NonFrozenColumnsViewportHorizontalOffset, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" />

                                                    <ColumnDefinition Width="*" />

                                                </Grid.ColumnDefinitions>

                                                <ScrollBar

                                                    x:Name="PART_HorizontalScrollBar"

                                                    Grid.Column="1"

                                                    Maximum="{TemplateBinding ScrollableWidth}"

                                                    Orientation="Horizontal"

                                                    ViewportSize="{TemplateBinding ViewportWidth}"

                                                    Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"

                                                    Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource Mode=TemplatedParent}}" />

                                            </Grid>

                                        </Grid>

                                    </ControlTemplate>

                                </ScrollViewer.Template>

                                <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

                            </ScrollViewer>

                        </Border>

                    </Grid>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

        <Style.Triggers>

            <MultiTrigger>

                <MultiTrigger.Conditions>

                    <Condition Property="IsGrouping" Value="true" />

                    <Condition Property="VirtualizingPanel.IsVirtualizingWhenGrouping" Value="false" />

                </MultiTrigger.Conditions>

                <Setter Property="ScrollViewer.CanContentScroll" Value="false" />

            </MultiTrigger>

        </Style.Triggers>

    </Style>

</ResourceDictionary>

测试

UI界面如下：

WPF --- 重写圆角DataGrid样式的更多相关文章

WPF日积月累之DataGrid样式以及操作数据模板中的控件
一.效果图二.代码预览 1 <Window x:Class="Test.MainWindow" 2 xmlns="http://schemas.microsoft ...
WPF DataGrid 样式设置
隔行换色,鼠标单击,悬浮样式都有,其具体效果如图 1 所示. 图 1 WPF DataGrid 样式设置效果图其中: 界面设计代码下所示 ? + 查看代码 1 2 3 4 5 6 7 8 9 10 ...
WPF DataGrid 样式分享
原文:WPF DataGrid 样式分享隔行换色,鼠标单击,悬浮样式都有先看效果: 代码: <DataGrid AutoGenerateColumns="False" N ...
使用 CSS 去掉 iPhone 网页上按钮的超大圆角默认样式
使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角的样式,显得超级恶心,但是我们自己定义 border-radius 为 0 也无法去除这个圆角,经过搜索发现这是 webikt 内核 ...
WPF 中获取DataGrid 模板列中控件的对像
WPF 中获取DataGrid 模板列中控件的对像 #region 当前选定行的TextBox获得焦点 /// <summary> /// 当前选定行的TextBox获得焦点 /// &l ...
WPF ScrollViewer(滚动条) 自定义样式表制作再发一套样式细节优化
艾尼路出的效果图本人嵌套 WPF ScrollViewer(滚动条) 自定义样式表制作图文并茂 WPF ScrollViewer(滚动条) 自定义样式表制作 (改良+美化) 源代码
WPF 控件DataGrid绑定
WPF 手动绑定 DataGrid 例子:前台:<DataGrid AutoGenerateColumns="False" Name="dataGrid1" ...
WPF笔记(1.9 样式和控件模板)——Hello，WPF！
原文:WPF笔记(1.9 样式和控件模板)--Hello,WPF! 资源的另一个用途是样式设置: <Window > <Window.Resources> <St ...
WPF 自带Datagrid编辑后无法更新数据源的问题
原文 WPF 自带Datagrid编辑后无法更新数据源的问题解决办法: 在列的绑定属性里加上UpdateSourceTrigger,示例XAML如下 <DataGrid Grid.Row=& ...
WPF 自定义键盘焦点样式（FocusVisualStyle）
WPF 自带的键盘焦点样式是与传统控件样式搭配的,但 WPF 凭着其强大的自定义样式的能力,做出与传统控件样式完全不同风格的 UI 简直易如反掌.这时,其自带的键盘焦点样式(FocusVisualSt ...

随机推荐

强化学习从基础到进阶-案例与实践[4.1]：深度Q网络-DQN项目实战CartPole-v0
强化学习从基础到进阶-案例与实践[4.1]:深度Q网络-DQN项目实战CartPole-v0 1.定义算法相比于Q learning,DQN本质上是为了适应更为复杂的环境,并且经过不断的改良迭代,到 ...
python3 牛客网：OJ在线编程常见输入输出练习（ACM模式）
牛客网: 校招笔试真题_C++工程师.golang工程师_牛客网其他语言输入输出见链接 1.输入两个数,输入数据包括多组. while True: try: a = list(map(int,inp ...
2.13 PE结构：实现PE代码段加密
代码加密功能的实现原理,首先通过创建一个新的.hack区段,并对该区段进行初始化,接着我们向此区段内写入一段具有动态解密功能的ShellCode汇编指令集,并将程序入口地址修正为ShellCode地址 ...
Windows10安装Apache2.4.54并配置PHP5.6.40/PHP8.1.11
环境 Windows 10 Apache2.4.54 PHP5.6.40/PHP8.1.11 安装Microsoft Visual C++ 下载地址:https://learn.microsoft.c ...
一个 WPF + MudBlazor 的项目模板(附:多项目模板制作方法)
最近做了几个 WPF + MudBlazor 的小东西,每次从头搭建环境比较繁琐,然鹅搭建过程还没啥技术含量,索性就直接做了个模板,方便以后使用. 1. 介绍一个用来创建 .NET 8 + WPF ...
【进阶篇】Java 实际开发中积累的几个小技巧（一）
目录前言一.枚举类的注解二.RESTful 接口三.类属性转换四.Stream 流五.判空和断言 5.1判空部分 5.2断言部分文章小结前言笔者目前从事一线 Java 开发今年是第 ...
linux下进行MCU开发环境搭建
why 为什么要搭建此开发环境? 在linux环境下开发可以利用shell命令实现对文件的批处理伟大的程序员应该都用类unix系统! 可以实现对底层编译技术的了解,以便于更好的掌握嵌入式技术通用性 ...
罗克韦尔 FT View使用占位符（全局对象参数）来指定弹出窗口的显示名称
罗克韦尔 FT View使用占位符(全局对象参数)来指定弹出窗口的显示名称标签占位符标签占位符能实现将单个图形显示用于多个相似的操作,从而节省开发和维护应用程序的时间. 例如,要为使用同一台机器将 ...
FireFox 报错Security Connection Failed解决方案
1.在浏览器中输入:about:config; 2.搜索security.ssl.enable_ocsp_stapling,双击将其修改为FALSE: 3.返回重新访问之前的网站,问题解决
Java中“==”与equals()
1 前言 1.1 内存分区 Java中有6种存储区域(参考Java的六大存储区域),如下: 寄存器(register):位于处理器内部,处理速度最快,空间比较珍贵: 栈(stack):位于通用RAM中 ...

WPF --- 重写圆角DataGrid样式

引言

代码

测试

WPF --- 重写圆角DataGrid样式的更多相关文章

随机推荐

热门专题