ListView列间距与内边距设置及分组列不同ItemContainerStyle实现咨询

一、实现列之间的Margin/Padding #

提供两种实用方案，按需选择：

1. 单元格内容添加边距（推荐） #

直接在每个GridViewColumn的CellTemplate中，给内容容器设置Margin或Padding，精准控制列间间隔：

<ListView>
    <ListView.View>
        <GridView>
            <GridViewColumn Header="列1">
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <!-- 给内容容器设置右边距，实现列间距 -->
                        <Border Margin="0,0,10,0">
                            <TextBlock Text="{Binding Prop1}" />
                        </Border>
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
            <GridViewColumn Header="列2">
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Prop2}" />
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
        </GridView>
    </ListView.View>
</ListView>

这种方式不会影响列头布局，仅作用于单元格内容。

2. 列宽+列头边距配合 #

如果需要列头与列内容保持对应间距，可给GridViewColumnHeader设置全局样式：

<ListView>
    <ListView.Resources>
        <Style TargetType="GridViewColumnHeader">
            <!-- 列头右边距与单元格间距匹配 -->
            <Setter Property="Margin" Value="0,0,10,0" />
        </Style>
    </ListView.Resources>
    <ListView.View>
        <GridView>
            <GridViewColumn Header="列1" Width="120" DisplayMemberBinding="{Binding Prop1}" />
            <GridViewColumn Header="列2" Width="120" DisplayMemberBinding="{Binding Prop2}" />
        </GridView>
    </ListView.View>
</ListView>

注意给GridViewColumn设置足够宽度，避免内容截断。

二、实现分组行的差异化ItemContainerStyle #

先确保ListView已开启分组，再通过DataTrigger切换样式：

1. 开启分组（后台代码） #

假设数据模型DataItem包含GroupName字段用于分组：

var collectionView = CollectionViewSource.GetDefaultView(YourDataList);
collectionView.GroupDescriptions.Add(new PropertyGroupDescription(nameof(DataItem.GroupName)));
yourListView.ItemsSource = collectionView;

2. 定义差异化行样式 #

在XAML中给ItemContainerStyle添加DataTrigger，根据分组属性切换背景色：

<ListView>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="Padding" Value="5" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListViewItem">
                        <Border Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}">
                            <GridViewRowPresenter Content="{TemplateBinding Content}" />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <!-- 根据GroupName切换背景色 -->
            <Style.Triggers>
                <DataTrigger Binding="{Binding GroupName}" Value="组A">
                    <Setter Property="Background" Value="#F0F8FF" />
                </DataTrigger>
                <DataTrigger Binding="{Binding GroupName}" Value="组B">
                    <Setter Property="Background" Value="#FFF5EE" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ListView.ItemContainerStyle>
    <!-- 省略GridView定义 -->
</ListView>

也可直接绑定到当前项的组对象，无需依赖数据项属性：

<DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=Group.Name}" Value="组A">
    <Setter Property="Background" Value="#F0F8FF" />
</DataTrigger>

3. 自定义组头样式（可选） #

若需给分组标题行设置特殊样式，修改GroupStyle即可：

<ListView>
    <ListView.GroupStyle>
        <GroupStyle>
            <GroupStyle.ContainerStyle>
                <Style TargetType="GroupItem">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="GroupItem">
                                <Expander IsExpanded="True">
                                    <Expander.Header>
                                        <TextBlock Text="{Binding Name}" 
                                                   FontWeight="Bold" 
                                                   Background="#E6E6FA"
                                                   Padding="5"/>
                                    </Expander.Header>
                                    <ItemsPresenter />
                                </Expander>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </GroupStyle.ContainerStyle>
        </GroupStyle>
    </ListView.GroupStyle>
    <!-- 省略其他定义 -->
</ListView>

内容的提问来源于stack exchange，提问作者Samson