WPF如何将Group类的ObservableCollection<Chat>绑定到ListBox？

你已经选对了用ObservableCollection来实现集合更新通知，但还差关键的两步：设置页面的DataContext和给ListBox配置正确的绑定，我来一步步帮你搞定：

1. 给GroupPage设置DataContext #

首先，你的XAML需要明确绑定的数据源对象。在LoadData方法里，把获取到的group赋值给页面的DataContext，这样XAML里的绑定才能找到对应的属性：

private void LoadData()
{
    group = groupController.GetGroup();
    LblGroupName.Content = group.Name;
    // 新增这行，让页面所有绑定都能访问到当前group对象
    this.DataContext = group;
}

2. 配置ListBox的绑定 #

你的XAML里的ListBox目前没有指定数据源，需要修改它的ItemsSource属性，同时定义每个聊天消息的显示模板：

找到你XAML中的ListBox，替换成以下代码：

<ListBox HorizontalAlignment="Left" Height="171" Margin="257,304,0,0" VerticalAlignment="Top" Width="287"
         ItemsSource="{Binding Chat}">
    <!-- 定义列表项的显示样式 -->
    <ListBox.ItemTemplate>
        <DataTemplate>
            <!-- 因为Chat是string类型集合，直接绑定自身即可显示文本 -->
            <TextBlock Text="{Binding}" Padding="4,2"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

3. 补充发送消息后的集合更新 #

在发送消息的方法里，记得把消息添加到group.Chat集合中，这样ObservableCollection会自动通知ListBox更新UI：

private void btnSend_Click(object sender, RoutedEventArgs e)
{
    string message = "[Chat] " + group.GroupId + " " + DataLayer.Instance.CurrentLoggedInUser.FirstName + " " + tbChat.Text;
    MainController.Instance.SendToServer(message);
    // 新增这行：把消息加入聊天集合，UI会自动刷新
    group.Chat.Add(message);
    // 清空输入框提升使用体验
    tbChat.Clear();
}

为什么这样能行？ #

• ObservableCollection<string>本身已经实现了INotifyCollectionChanged接口，集合有新增/删除操作时会自动通知UI更新，这部分你已经做对了。
• 设置DataContext = group后，XAML里的{Binding Chat}会自动关联到当前Group对象的Chat属性。
• ItemTemplate定义了每个列表项的显示方式，因为集合元素是字符串，所以直接用{Binding}就能把内容绑定到TextBlock上。

内容的提问来源于stack exchange，提问作者Kev_T