WPF ListBox繫結圖片列表
阿新 • • 發佈:2018-11-23
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);
}