如何在 XAML 中将 List 作为 ItemSource 绑定到 ListView？

Question

我正在学习 WPF，希望有一个类似于 LinkedList 的集合，以便我可以在其中添加和删除字符串。我想要一个 ListView 来通过数据绑定监听该集合。如何在 XAML 中将简单列表集合绑定到 ListView？

我的想法（不起作用）是这样的：

<Window x:Class="TestApp.MainWindow"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <LinkedList x:Key="myList"></LinkedList> //Wrong
    <Window.Resources>
    <Grid>
    <ListView Height="100" HorizontalAlignment="Left" Margin="88,134,0,0" 
      Name="listView1" VerticalAlignment="Top" Width="120" 
      ItemsSource="{Binding Source={StaticResource myList}}"/> //Wrong
    </Grid>
</Window>

我的所有代码（更新版本，不起作用）：

<Window x:Class="TestApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TextBox Height="23" HorizontalAlignment="Left" Margin="12,12,0,0" 
          Name="textBox1" VerticalAlignment="Top" Width="120" />
        <Button Content="Button" Height="23" HorizontalAlignment="Right" 
          Margin="0,12,290,0" Name="button1" VerticalAlignment="Top" Width="75" 
          Click="button1_Click" />
        <ListView Height="100" HorizontalAlignment="Left" Margin="88,134,0,0" 
          Name="listView1" VerticalAlignment="Top" Width="120" 
          ItemsSource="{Binding myList}"/>
    </Grid>
</Window>

C#代码：

namespace TestApp
{
    public partial class MainWindow : Window
    {
        ObservableCollection<string> myList = new ObservableCollection<string>();
        public MainWindow()
        {
            InitializeComponent();
            myList.Add("first string");
        }

        private void button1_Click(object sender, RoutedEventArgs e)
        {
            myList.Add(textBox1.Text);
            textBox1.Text = myList.Count+"st";
        }
    }
}

Answer 1

选择作为答案的方法效果很好...但我不太喜欢在 XAML 中设置其他所有内容时必须以编程方式指定 DataContext，我不觉得它是“正确的”（也许这只是我）。因此，对于下一个人，或者任何像我一样思考并从搜索引擎中找到此内容的人（就像我一样），以下是在 XAML 中执行此操作的方法：

C#

public sealed partial class MainPage : Page
{
    public ObservableCollection<string> Messages { get; set; }

    public MainPage()
    {
        this.Messages = new ObservableCollection<string>();
        this.InitializeComponent();
    }
}

XAML

<Window
    ....
    DataContext="{Binding RelativeSource={RelativeSource Self}}"
    ...>

    <ListView ItemsSource="{Binding Messages}" ... />

</Window>

说实话，我认为 {BindingrelativeSource={RelativeSource Self}} 应该是任何顶级元素的默认值（Page、Window等等...) DataConext 因为这只是很多人期望它工作的方式，我知道这就是我假设的工作方式。老实说，我觉得 {BindingrelativeSource={RelativeSource Self}} 有点冗长，对于较短的语法来说几乎很长。

Answer 2

您只能对公共属性进行数据绑定，并且需要设置 DataContext。

public partial class MainWindow : Window
{
    public ObservableCollection<string> myList { get; private set; }

    public MainWindow()
    {
        InitializeComponent();

        myList = new ObservableCollection<string>();
        myList.Add("first string");
        DataContext = this;
    }

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        myList.Add(textBox1.Text);
        textBox1.Text = myList.Count + "st";
    }
}