WPF中为ListView添加自定义样式项

刚接触WPF的话，直接写静态ListViewItem确实没法方便地动态加项，咱们可以用数据绑定+DataTemplate的方式来解决，既能复用你已经写好的样式，又能轻松添加新项，步骤如下：

1. 把现有项的样式提取为DataTemplate #

首先把你写的ListViewItem里的布局，改成ListView的ItemTemplate，这样所有动态添加的项都会自动套用这个样式。修改后的XAML大概是这样：

<ListView x:Name="listv_Main" Width="740" Height="400">
    <!-- 定义每个项的样式模板 -->
    <ListView.ItemTemplate>
        <DataTemplate>
            <Grid Height="70" Width="723" Background="#FF0299D1">
                <StackPanel Margin="10 0 0 0" Orientation="Horizontal" VerticalAlignment="Center">
                    <!-- 这里绑定数据，比如图片和文本，根据你的实际需求调整 -->
                    <Image Source="{Binding ImagePath}" Width="50" Height="50" Margin="0 0 10 0"/>
                    <StackPanel Orientation="Vertical">
                        <TextBlock Text="{Binding Title}" FontSize="16" Foreground="White"/>
                        <TextBlock Text="{Binding Description}" FontSize="12" Foreground="#EEEEEE"/>
                    </StackPanel>
                </StackPanel>
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

2. 创建数据模型类 #

为每个ListView项创建一个数据类，用来存储需要展示的内容（比如图片路径、标题、描述这些，你可以根据自己的实际需求增减属性）：

public class ListItemModel
{
    public string ImagePath { get; set; }
    public string Title { get; set; }
    public string Description { get; set; }
}

3. 用ObservableCollection作为数据源 #

在窗口的后台代码（比如MainWindow.xaml.cs）里，创建一个ObservableCollection（它能自动通知UI更新，添加/删除项时界面会自动刷新）：

using System.Collections.ObjectModel;

public partial class MainWindow : Window
{
    // 定义数据源集合
    private ObservableCollection<ListItemModel> _listItems = new ObservableCollection<ListItemModel>();

    public MainWindow()
    {
        InitializeComponent();
        // 把集合绑定到ListView的ItemsSource
        listv_Main.ItemsSource = _listItems;

        // 可以先添加一个初始项测试
        _listItems.Add(new ListItemModel
        {
            ImagePath = "/Images/icon.png", // 替换成你的图片路径
            Title = "初始项标题",
            Description = "初始项描述"
        });
    }
}

4. 动态添加新项 #

之后你想添加新项的时候，只需要往_listItems集合里加新的ListItemModel对象就行，UI会自动显示新项，并且样式和你定义的完全一致：

// 比如在按钮点击事件里添加新项
private void AddItemButton_Click(object sender, RoutedEventArgs e)
{
    _listItems.Add(new ListItemModel
    {
        ImagePath = "/Images/new_icon.png",
        Title = "新添加的项",
        Description = "这是动态添加的内容"
    });
}

为什么要这么做？ #

直接写静态ListViewItem是硬编码的，没法批量动态添加；而用DataTemplate定义样式，再通过绑定ObservableCollection的方式，既保留了你想要的布局样式，又能灵活地添加、删除项，这也是WPF数据驱动UI的核心思想哦～

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