C# WPF ListView 控件 - 绑定数据问题

Question

我在将数据绑定到 ListView 控件时遇到了一些问题。我看了很多教程，似乎他们是按照我在这里的方式来做的，要么绑定到集合，要么绑定到具有项目集合的类。

当我在这个例子中添加汽车时，没有任何东西添加到列表视图控件中。我在这里错过了什么明显的东西吗？我检查了这些汽车在运行时是否已添加到集合中。

汽车类：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace CarClasses
{

    internal class Car
    {
        string _brand = "";
        string _model = "";

        public Car(string brand, string model)
        {
            _brand = brand;
            _model = model; 
        }

        public string Brand
        {
            get { return _brand; }  
            set { _brand = value; }
        }

        public string Model
        { 
            get { return _model; } 
            set { _model = value; }
        }  

    }

}

MainWindow.xaml：

<Window x:Class="GridViewListView.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:GridViewListView"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="600">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="75"></ColumnDefinition>
            <ColumnDefinition Width="2*"></ColumnDefinition>
            <ColumnDefinition Width="7*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <ListView x:Name="lvCarList" ItemsSource="{Binding CarCollection }" Grid.Column="2" Width="200" Height="250" SelectionMode="Single" BorderThickness="3" BorderBrush="AliceBlue">
            <ListView.Style>
                <Style/>
            </ListView.Style>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="50"></RowDefinition>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="50"></ColumnDefinition>
                            <ColumnDefinition Width="100"></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <Label Grid.Row="0" Grid.Column="0" Content="{Binding Brand}"></Label>
                        <Label Grid.Row="0" Grid.Column="1" Content="{Binding Model}"></Label>
                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        <StackPanel Grid.Column="0">
            <TextBlock Text="Brand" Margin="10,10,0,0"></TextBlock>
            <TextBlock Text="Model" Margin="10,10,0,0"></TextBlock>
        </StackPanel>
        <StackPanel  Grid.Column="1" Margin="0,0,0,0">
            <TextBox Name="txtBrand" HorizontalAlignment="Left" Width="100" Margin="10,10,0,0"></TextBox>
            <TextBox Name="txtModel" HorizontalAlignment="Left" Width="100"  Margin="10,10,0,0"></TextBox>
            <Button Name="btnAdd" Content="Add" Margin="10, 10,10,10" Click="btnAdd_Click"></Button>
        </StackPanel>
    </Grid>
</Window>

MainWindow.xaml.cs：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using CarClasses;

namespace GridViewListView
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    /// 


    public partial class MainWindow : Window
    {
        List<Car> CarCollection = new List<Car>();
        public MainWindow()
        {
            InitializeComponent();
                 
        }

        private void btnAdd_Click(object sender, RoutedEventArgs e)
        {
            Car newCar = new Car(txtBrand.Text, txtModel.Text);
            CarCollection.Add(newCar);  
            txtBrand.Text = "";
            txtModel.Text = "";
        }
    }
}

Answer 1

您应该/需要指定 DataContext。 你需要让 Car 的收藏成为公共财产。它目前是一个领域。 而且它应该是一个 ObservableCollection，因为它在运行时会发生变化，并且变化应该会自动显示在 UI 中。

    public partial class MainWindow : Window
    {
        public ObservableCollection<Car> CarCollection { get; } = new ObservableCollection<Car>();
        public MainWindow()
        {
            this.DataContext = this;
            InitializeComponent();
                 
        }

        private void btnAdd_Click(object sender, RoutedEventArgs e)
        {
            Car newCar = new Car(txtBrand.Text, txtModel.Text);
            CarCollection.Add(newCar);  
            txtBrand.Text = "";
            txtModel.Text = "";
        }
    }