WPF ListBox绑定图片列表

最新推荐文章于 2025-06-29 22:30:31 发布

原创最新推荐文章于 2025-06-29 22:30:31 发布 · 5.4k 阅读

9 ·

CC 4.0 BY-SA版权

C# 专栏收录该内容

65 篇文章

订阅专栏

本文详细介绍如何在WPF中使用BindingList实现图片列表的动态绑定，包括XAML绑定代码示例，删除图片的方法，以及完整的工程代码链接。适合WPF初学者和UI开发者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.图片列表定义

图片列表使用BindingList而不使用List，因List未实现绑定相关联操作，在用户改变列表时无法更改ListBox中的内容。
工程添加System.ComponentModel;引用来引入BindingList。

2.XAML绑定代码

<ListBox Grid.Row="1" Name="lbImgs" VerticalAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Disabled" SelectionMode="Multiple" SelectionChanged="lbImgs_SelectionChanged" >
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Image Source="{Binding Path=UriSource}" Width="100" Height="120" Stretch="Fill"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
</ListBox>

3.删除图片

删除图片可能通过删除列表中的项来完成，示例代码：

List<BitmapImage> selItems = new List<BitmapImage>();
foreach (var item in lbImgs.SelectedItems)
{
    selItems.Add((BitmapImage)item);
}

foreach (var item in selItems)
{
    imgItems.Remove(item);
}