如何在 VS WPF Design 面板中显示 Collection 数据？

Question

如何让 VS 在设计面板中使用示例数据填充我的 ListView？

我被难住了。我已经做了相当多的阅读和谷歌搜索，但找不到可靠的答案。在 VS Design 面板中显示虚假数据将大大加快主题化速度，因为我不必每隔几次更改就对其进行调试。

这是我的代码：

XAML:

<ListView DataContext="{Binding}"
          Name="PeopleListView">
    <ListView.ItemTemplate>
        <DataTemplate DataType="Person">
                <WrapPanel>
                    <TextBlock Text="{Binding Path=FirstNameView}"/>
                    <TextBlock Text="{Binding Path=LastNameView}" />
                </WrapPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

COLLECTION:

public class People : ObservableCollection<Person>
{
    public People()
    {
        this.Add(new Person() { FirstName = "John", LastName = "Doe" });
        this.Add(new Person() { FirstName = "John", LastName = "Doe" });
        this.Add(new Person() { FirstName = "John", LastName = "Doe" });
    }
}

MAIN:

private People PList;

public MainWindow()
{
    this.PList = new People();
    PeopleListView.ItemsSource = this.PList;
}

编辑&进展：

我通读了 Matt West 提供的链接中的教程。他们非常有帮助。我差一点就明白了。

当设计器尝试显示示例数据时，我遇到了问题。我的示例属性上出现此错误：预期可写属性或集合。我理解这个错误，我只是不知道如何在不给每个属性提供 set 语句的情况下修复它。

这是我的代码：

Person 类：

public class Person : INotifyPropertyChanged
{
    private string _FirstName;
    private string _LastName;

    public string FirstName
    {
        get { return this._email; }
        set
        {
            this._FirstName = value;
            OnPropertyChanged("FirstName");
            OnPropertyChanged("FirstNameView");
        }
    }
    public string LastName
    {
        get { return this._password; }
        set
        {
            this._LastName = value;
            OnPropertyChanged("LastName");
            OnPropertyChanged("FirstNameView");
        }
    }
    public string FirstNameView
    {
        get { return this.FirstName; }
    }
    public string LastNameView
    {
        get { return this.LastName; }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged(string propertyName) { /*...*/ }
}

PeopleViewSampleData.xaml：

<sample:People xmlns:sample="clr-namespace:MyProgram">
    <sample:Person FirstNameView="John" LastNameView="Doe" />
</sample:People>  

编辑，解决方案：
按如下方式设置 ItemSource、DataContext 和 :DataContext 使其正常工作。如果缺少其中任何一个，就不会显示任何内容。

<ListView ItemsSource="{Binding}"
          DataContext="{Binding}"
          d:DataContext="{d:DesignData Source=/SampleData/PeopleListViewSampleData.xaml}"/>

Answer 1

我认为您不需要在人员列表视图上设置 DataContext 并设置 ItemsSource。摆脱 DataContext={Binding}。不确定这是否能解决您的设计问题。一般来说，为此使用 d:DesignData 和 d:DesignInstance 属性通常是一个好主意。这是一个教程：
http://karlshifflett.wordpress。 com/2009/10/28/ddesigninstance-ddesigndata-in-visual-studio-2010-beta2/