如何为ListView的第一项设置自定义边框样式？

针对你想要修改ListView第一项边框的需求，我整理了几个实用的方案，你可以根据自己的项目场景选择：

方案1：利用AlternationIndex（最简便） #

WPF的ItemsControl有个AlternationIndex附加属性，默认从0开始计数，正好对应第一项。只需要给ListView设置足够大的AlternationCount，然后通过触发器判断第一项的索引即可：

<ListView ItemsSource="{Binding MyData}" AlternationCount="100"> <!-- 设一个比你数据项数大的值就行 -->
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <!-- 默认所有项的边框：只有下边框 -->
            <Setter Property="BorderThickness" Value="0,0,0,1" />
            <Style.Triggers>
                <!-- 第一项（AlternationIndex=0）设置自定义边框 -->
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=(ItemsControl.AlternationIndex)}" Value="0">
                    <Setter Property="BorderThickness" Value="1,1,1,1" /> <!-- 这里改成你想要的边框样式，比如上下左右都有 -->
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ListView.ItemContainerStyle>
</ListView>

这个方案不需要额外写C#代码，纯XAML就能实现，适合大多数场景。如果你的数据项数不确定，也可以把AlternationCount绑定到ListView的Items.Count，这样更灵活：

AlternationCount="{Binding RelativeSource={RelativeSource Self}, Path=Items.Count}"

方案2：用转换器判断是否为第一项 #

如果你不想依赖AlternationIndex，可以写一个简单的转换器，判断当前项是否是集合的第一个元素：

首先在C#里实现转换器：

public class IsFirstItemConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values.Length != 2 || !(values[0] is IEnumerable items) || !(values[1] is object currentItem))
            return false;

        using var enumerator = items.GetEnumerator();
        return enumerator.MoveNext() && Equals(enumerator.Current, currentItem);
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

然后在XAML里引用转换器，用多条件触发器：

<ListView ItemsSource="{Binding MyData}">
    <ListView.Resources>
        <local:IsFirstItemConverter x:Key="IsFirstItemConverter" />
    </ListView.Resources>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="BorderThickness" Value="0,0,0,1" />
            <Style.Triggers>
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding RelativeSource={RelativeSource AncestorType=ListView}, Path=ItemsSource}" Value="{Binding}" />
                        <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=Content, Converter={StaticResource IsFirstItemConverter}, ConverterParameter={Binding RelativeSource={RelativeSource AncestorType=ListView}, Path=ItemsSource}}" Value="True" />
                    </MultiDataTrigger.Conditions>
                    <Setter Property="BorderThickness" Value="1,1,1,1" />
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
    </ListView.ItemContainerStyle>
</ListView>

这个方案更灵活，适合需要复杂判断的场景，但需要额外写转换器代码。

方案3：给数据项添加索引属性（最直接） #

如果你能控制ViewModel里的数据模型，可以给每个数据项加一个Index属性，然后直接绑定判断：

ViewModel里的示例：

public class MyDataItem
{
    public int Index { get; set; }
    // 其他属性...
}

// 初始化集合时给每个项设置索引
MyData = new ObservableCollection<MyDataItem>();
for (int i = 0; i < data.Count; i++)
{
    MyData.Add(new MyDataItem { Index = i, /* 其他属性赋值 */ });
}

然后XAML里直接用DataTrigger：

<ListView ItemsSource="{Binding MyData}">
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="BorderThickness" Value="0,0,0,1" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding Index}" Value="0">
                    <Setter Property="BorderThickness" Value="1,1,1,1" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ListView.ItemContainerStyle>
</ListView>

这个方案逻辑最直观，适合可以修改数据模型的场景。

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