UWP 将 IEnumerable 转换为 ObservableCollection (x:Bind)



好的,所以我有一个IEnumerable集合,我把它x:Bind成一个ListView

当应用程序运行时,我希望每当此IEnumerable列表发生变化时,我的listview也会更新。即使使用INotifyPropertyChanged,情况也不是这样,所以我决定将IEnumerable转换为ObservableCollection

我发现存在的演员阵容是:

myCollection = new ObservableCollection<object>(the_list);

这在不同的问题中可以正常工作,但就我而言,我是 x:Bind 它到listview,每次我使用上面的代码运行该方法时,都会创建一个新的引用,并且绑定将不起作用(它不起作用)。这是对的吗?如果是,我该如何解决这个问题?如果不是,我做错了什么?谢谢。

目前我的代码如下所示:

public ObservableCollection<IMessage> MessageList;
private async Task SetMessages()
{
MessageList = new ObservableCollection<IMessage>(await channel.GetMessagesAsync(NumOfMessages).Flatten());
}

什么对我有用:

仅感谢玛丽安·多林斯基的回答,现在一切正常。我为我的代码提供了一些内容,以使其更清楚我所做的是:

class ChatViewModel : INotifyPropertyChanged
{
//Number of messages to have in list at once.
private int NumOfMessages = 20;
//Called when a user clicks on a channel.
public async Task SelectChannel(object sender, ItemClickEventArgs e)
{
//Set the channel to clicked item
channel = (SocketTextChannel)e.ClickedItem;
//Receive the messages in the list.
IEnumerable<IMessage> data = await channel.GetMessagesAsync(NumOfMessages).Flatten();
//Clear the observablecollection from any possible previous messages (if for example you select another channel).
messageList.Clear();
//Loop and add all messages to the observablecollection
foreach (var item in data)
{
messageList.Add(item);
}
}
//The event handler when a message is received.
private async Task Message_Received(SocketMessage arg)
{
//Calls to add message only if the message received is of interest.
if (arg.Channel == channel)
{
//Sets the thread equal to the UI thread.
await Windows.ApplicationModel.Core.CoreApplication.MainView.CoreWindow.Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () =>
{
//Adds the new message, removes the oldest to keep always 20.
messageList.Add(arg);
messageList.Remove(messageList[0]);
});
}
}
private ObservableCollection<IMessage> messageList = new ObservableCollection<IMessage>();
public ObservableCollection<IMessage> MessageList
{
get
{
return messageList;
}
}
}

下面是 XAML 中的代码:

<Page.DataContext>
<vm:ChatViewModel x:Name="ChatViewModel"/>
</Page.DataContext>
<ListView VerticalContentAlignment="Bottom" ItemsSource="{x:Bind ChatViewModel.MessageList, Mode=OneWay}" SelectionMode="None" ItemTemplate="{StaticResource MessageListDataTemplate}">
<ListView.ItemContainerStyle>
<Style TargetType="ListViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
<Setter Property="Margin" Value="0,0,5,5"/>
</Style>
</ListView.ItemContainerStyle>
</ListView>

再次感谢您的帮助:)

由于ObservableCollection的工作方式,它不会更新 - 它仅通知集合中的更改,但是当您在SetMessages方法中分配MessageList时,您正在创建ObservableCollection的新实例,并且ListView.Source指向ObservableCollection的原始绑定实例。

另外,我看到MessageList不是属性,而是字段。字段不适用于绑定。

您有四个选项来实现ListView的更新:

1) 您可以将现有MessageList与新数据同步:

private async Task SetMessages()
{
IEnumerable newData = await channel.GetMessagesAsync(20).Flatten();
// Assuming MessageList is not null here you will sync newData with MessageList
}


2) 如果您没有在其他任何地方使用MessageList集合,则可以直接从代码中设置ListViewItemsSource属性:

private async Task SetMessages()
{
YourListView.ItemsSource = await channel.GetMessagesAsync(20).Flatten();
}


3) 由于您使用的是x:Bind表达式,因此每次要刷新页面上的任何绑定时都可以调用Bindings.Update();该方法:

private async Task SetMessages()
{
MessageList = new ObservableCollection<IMessage>(await channel.GetMessagesAsync(20).Flatten());
Bindings.Update();
}


4)您可以在页面上实现INotifyPropertyChanged或为MessageList创建DependencyProperty,然后将其绑定Mode设置为OneWay

<ListView ItemsSource="{x:Bind MessageList, Mode=OneWay}">

就个人而言,我不推荐第四种选择。最好的选择是同步数据,因为ListView会自动对添加和删除列表视图项进行动画处理。

编辑:

我认为问题出在这两行:

messageList.Add(arg);
messageList.Remove(messageList[NumOfMessages - 1]);

由于新项是在集合的末尾添加的,因此您将删除上次添加的项。要删除最旧的项目,您应该使用messageList.RemoveAt(0);删除第一个位置的项目。

相关内容

  • 没有找到相关文章

最新更新