wpf listbox绑定代码
时间: 2023-10-11 19:12:00 浏览: 166
listbox数据绑定
以下是WPF ListBox绑定代码的示例:
XAML代码:
```
<ListBox ItemsSource="{Binding MyCollection}">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<Image Source="{Binding Image}" Width="50" Height="50"/>
<TextBlock Text="{Binding Name}" Margin="10 0 0 0"/>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
```
C#代码:
```
public class Item
{
public string Name { get; set; }
public string Image { get; set; }
}
public class ViewModel
{
public ObservableCollection<Item> MyCollection { get; set; }
public ViewModel()
{
MyCollection = new ObservableCollection<Item>();
MyCollection.Add(new Item { Name = "Item 1", Image = "/Images/image1.png" });
MyCollection.Add(new Item { Name = "Item 2", Image = "/Images/image2.png" });
MyCollection.Add(new Item { Name = "Item 3", Image = "/Images/image3.png" });
}
}
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
DataContext = new ViewModel();
}
}
```
这段代码将创建一个包含图像和名称的列表框,其中数据来自ViewModel类中的ObservableCollection MyCollection属性。其中,Item类用于表示列表框中的每个项。在XAML中,ListBox的ItemsSource属性绑定到MyCollection属性,并使用DataTemplate定义列表框中每个项的布局。在此示例中,每个项都包含一个图像和名称。在ViewModel类中,MyCollection属性初始化为三个Item对象。最后,将MainWindow的DataContext属性设置为ViewModel对象。
阅读全文