WPF 列表绑定失败

Question

我已按照here 的指示进行操作。尽管如此，我的绑定似乎失败了，因为我的窗口中没有结果。我想要做的只是将列表项绑定到 ListView。 XAML 文件内容：

<Window x:Class="IV_sem___PwSG___WPF_task1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:IV_sem___PwSG___WPF_task1"
    mc:Ignorable="d"
    Title="MainWindow" Height="600" Width="800"
    MinHeight="500" MinWidth="500">
<Window.Resources>
    <DataTemplate x:Key="MyItemTemplate">
        <Grid Margin="5" Background="Aqua">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <TextBlock Text="{Binding Name}" Grid.Column="0" Grid.Row="0"
                       FontSize="18" FontFamily="Arial"></TextBlock>
            <TextBlock Text="{Binding Description}" Grid.Column="0" Grid.Row="1"
                       FontSize="14" FontFamily="Arial"></TextBlock>
            <TextBlock Text="{Binding Category}" Grid.Column="0" Grid.Row="2"
                       FontSize="12" FontFamily="Arial"></TextBlock>
            <TextBlock Text="{Binding Price}" Grid.Column="1" Grid.RowSpan="1"></TextBlock>
            <Button Content="Add to cart" Grid.Column="2" Grid.Row="1"/>
        </Grid>
    </DataTemplate>
</Window.Resources>
<!--<Window.DataContext>
    <local:MainWindow />
</Window.DataContext>-->

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

    <Menu Grid.Column="0" Grid.Row="0">
        <MenuItem Header="File">
            <MenuItem Header="Load"/>
            <MenuItem Header="Save"/>
            <Separator/>
            <MenuItem Header="Exit" Click="ExitMenuItem_Click"/>
        </MenuItem>
        <MenuItem Header="Products">
            <MenuItem Header="Add products" Click="AddProductMenuItem_Click"/>
            <MenuItem Header="Clear products"/>
        </MenuItem>
        <MenuItem Header="About" Click="AboutMenuItem_Click"/>
    </Menu>

    <TabControl Grid.Column="0" Grid.Row="1">
        <TabItem Header="Shop">
            <!--<Grid>-->
            <ListView ItemsSource="{Binding itemList}"
                      ItemTemplate="{StaticResource MyItemTemplate}"/>
            <!--</Grid>-->
        </TabItem>
        <TabItem Header="Warehouse">

        </TabItem>
    </TabControl>
</Grid>

.cs文件内容：

namespace IV_sem___PwSG___WPF_task1{
public partial class MainWindow : Window
{
    public List<Item> itemList { get; set; }

    public MainWindow()
    {
        itemList = new List<Item>();
        InitializeComponent();
    }

    private void AboutMenuItem_Click(object sender, RoutedEventArgs e)
    {
        MessageBox.Show("This is simple shop manager.", "About application", MessageBoxButton.OK, MessageBoxImage.Information);
    }

    private void ExitMenuItem_Click(object sender, RoutedEventArgs e)
    {
        this.Close();
    }

    public class Item
    {
        string Name { get; set; }
        string Description { get; set; }
        Category Category { get; set; }
        double Price { get; set; }
        public Item(string a, string b, Category c, double d)
        {
            Name = a; Description = b; Category = c; Price = d;
        }

    }

    private void AddProductMenuItem_Click(object sender, RoutedEventArgs e)
    {
        itemList.Add(new Item("Computer", "Computer's description", Category.Electronics, 2499.99));
        itemList.Add(new Item("Apple", "Apple's description", Category.Food, 1.99));
        itemList.Add(new Item("Computer", "Computer's description", Category.Electronics, 2499.99));
    }
}

public enum Category
{
    Electronics, Food
}
}

Category 是一个枚举类型。 List 是 MainWindow 类的属性。 它应该根据上面的链接工作。

Answer 1

问题中的代码存在三个问题。

1. ListView.ItemsSource 绑定

程序没有为 ListView 或其父容器之一设置 DataContext。所以<ListView ItemsSource="{Binding itemList}" ... />中的绑定无法解析。

由于 itemList 是 MainWindow 本身的属性，因此我建议将 MainWindow DataContext 绑定到 MainWindow 本身：

<Window x:Class="IV_sem___PwSG___WPF_task1.MainWindow"
    ...
    ...
    x:Name="Self"
    DataContext="{Binding ElementName=Self}"
>

2.项目列表

itemList 只是一个简单的List<T> 集合。 List<T> 没有内置机制来通知 ListView 和绑定引擎，无论何时将项目添加到列表中或从列表中删除。当程序在 AddProductMenuItem_Click 处理程序中将项目添加到 itemList 时，ListView 不会更新，因为它没有被通知 itemList 已更改。

修复相当简单：使用ObservableCollection<T> 而不是List<T>。 ObservableCollection 提供有关项目添加和删除的通知。 WPF 可以理解这些通知，并允许 ListView 在集合发生更改时刷新其视图。

3.物品类

itemList 集合包含Item 对象。 ListView 使用的项目模板中的 UI 元素绑定到这些 Item 对象的属性。但是，Item 类的属性不是公开的。如果这些属性不是公开的，则绑定到这些属性会失败。

同样，修复相当简单：将所有参与绑定的属性公开。

Answer 2

使用 Observable 集合代替 List 如下

public ObservableCollection<Item> itemList { get; set; }

因为 Observable Collection 使用 INotifyCollectionChanged 实现，INotifyPropertyChanged 它是通知集合更改事件并更新 UI。