解決?WPF?綁定集合后數(shù)據(jù)變動(dòng)界面卻不更新的問(wèn)題

獨(dú)立觀察員 2020 年 9 月 9 日

?

在 .NET Core 3.1 的?WPF?程序中打算用?ListBox?綁定顯示一個(gè)集合（滿足需求即可，無(wú)所謂什么類(lèi)型的集合），以下是 Xaml 代碼（瞟一眼就行，不是本文討論重點(diǎn)）：

<ListBox ItemsSource="{Binding SipRegistrations, Mode=OneWay}" SelectedValue="{Binding SelectedAccountBinding, Mode=OneWayToSource}"><ListBox.ItemTemplate><DataTemplate><TextBlock Text="{Binding SIPAccount.SIPUsername}"></TextBlock></DataTemplate></ListBox.ItemTemplate> </ListBox>

?

ViewModel 中有一個(gè)目標(biāo)集合，當(dāng)前是一個(gè)?List。

屬性變動(dòng)通知有兩種實(shí)現(xiàn)方式，一是使用 PropertyChanged.Fody，二是使用自定義綁定基類(lèi) BindableBase，如下圖。

?

下面主要談?wù)摂?shù)據(jù)變動(dòng)（集合增加內(nèi)容）后，前臺(tái)的界面卻沒(méi)有更新的問(wèn)題。具體來(lái)說(shuō)就是，List.Add 之后，第一次有效果，但后面就沒(méi)效果了，界面始終只顯示一條數(shù)據(jù)。

?

原始（無(wú)效果）：

SipRegistrations.RemoveAll(x => x.SIPAccount.SIPUsername == sipAccount.SIPUsername); // 移除重復(fù)項(xiàng)（如果有的話） SipRegistrations.Add(binding); // 添加新項(xiàng)

猜想是因?yàn)?List 的引用并沒(méi)有變化，所以被認(rèn)為該屬性沒(méi)有改變，進(jìn)而也就沒(méi)有變動(dòng)通知。

其實(shí)這種需要變動(dòng)通知的情況，推薦使用的是?ObservableCollection：

?

但是本人之前使用?ObservableCollection?沒(méi)有成功過(guò)，反而是使用 List 是可以的，所以還是先看看用 List 怎么解決吧。

?

變體一（調(diào)試時(shí)有幾率有效果）：

// 添加聯(lián)系人到集合并處理界面綁定； SipRegistrations.RemoveAll(x => x.SIPAccount.SIPUsername == sipAccount.SIPUsername); List<SIPAccountBinding> tempList = SipRegistrations; // 臨時(shí)集合； SipRegistrations = new List<SIPAccountBinding>(); // 目標(biāo)集合先置為空； tempList.Add(binding); // 臨時(shí)集合添加新項(xiàng)； SipRegistrations = tempList; // 臨時(shí)集合賦值給目標(biāo)集合；

變體一通過(guò)臨時(shí)變量做中轉(zhuǎn)，強(qiáng)制讓目標(biāo)集合（的引用）發(fā)生改變，但結(jié)果是只在調(diào)試時(shí)以很小的概率成功過(guò)。

由于這部分代碼是在異步邏輯里，所以有可能是在多線程環(huán)境，而 List 不是線程安全的，所以有了以下加鎖版本的變體二。

?

變體二（無(wú)效果，應(yīng)該是和變體一類(lèi)似）：

#region 成員/// <summary> /// 加鎖對(duì)象 /// </summary> private object _lockObj = new object();#endregion// 加鎖； lock (_lockObj) {// 添加聯(lián)系人到集合并處理界面綁定；SipRegistrations.RemoveAll(x => x.SIPAccount.SIPUsername == sipAccount.SIPUsername);List<SIPAccountBinding> tempList = SipRegistrations;SipRegistrations = new List<SIPAccountBinding>();tempList.Add(binding);SipRegistrations = tempList; }

?

加了鎖還是不行（不過(guò)鎖還是需要的），又想到，既然調(diào)試的時(shí)候有幾率成功，那么是不是和代碼運(yùn)行速度有關(guān)呢？于是在目標(biāo)集合置空和重新賦值之間加了個(gè)線程休眠，竟然真的可以，也就是以下的變體三。

?

變體三（有效果）：

lock (_lockObj) {// 添加聯(lián)系人到集合并處理界面綁定；SipRegistrations.RemoveAll(x => x.SIPAccount.SIPUsername == sipAccount.SIPUsername);List tempList = SipRegistrations;SipRegistrations = new List();Thread.Sleep(500); // 關(guān)鍵代碼；tempList.Add(binding);SipRegistrations = tempList; }

?

好了，以上就是解決方法了。

?

接下來(lái)再?lài)L試一下 ObservableCollection 吧：

#region 成員/// <summary> /// 加鎖對(duì)象 /// </summary> private object _lockObj = new object();public ObservableCollection<SIPAccountBinding> SipRegistrations { get; set; } = new ObservableCollection<SIPAccountBinding>();#endregionlock (_lockObj) {SipRegistrations.Remove(SipRegistrations.FirstOrDefault(x => x.SIPAccount.SIPUsername == sipAccount.SIPUsername));SipRegistrations.Add(binding); // 情況一//SipRegistrations.Append (binding); // 情況二 }Console.WriteLine($" 注冊(cè)聯(lián)系人 [{binding.RegisteredContact}] 為 [{sipAccount.SIPUsername}].");

?

這個(gè)有兩種情況（都不能成功）：

情況一，使用 Add 方法，結(jié)果是執(zhí)行完 Add 方法后就返回了，后面的方法不再執(zhí)行（不知道為什么），界面上是有幾率能添加一條。

情況二，使用 Append 方法，執(zhí)行完 Append 后倒是可以繼續(xù)執(zhí)行后面的代碼，但是界面上一條也出現(xiàn)不了。

?

后記：本文主要是拋磚引玉，大家有什么更好的方法，或者能解釋文中所描述現(xiàn)象的原理，請(qǐng)不吝賜教。

項(xiàng)目地址：https://gitee.com/DLGCY_GB28181/SimpleSIPServer

---

更新（20200909）：

經(jīng)過(guò)在 https://dotnet9.com/?站長(zhǎng)的技術(shù)討論群的討論，決定還是要使用 ObservableCollection。加上在網(wǎng)上搜到了文章《WPF ViewModel 中對(duì) ObservableCollection 集合操作》，所以最終代碼為：

#region 成員/// <summary> /// 加鎖對(duì)象 /// </summary> private object _lockObj = new object();/// <summary> /// 集合對(duì)象 /// </summary> public ObservableCollection<SIPAccountBinding> SipRegistrations { get; set; } = new ObservableCollection<SIPAccountBinding>();#endregionlock (_lockObj) {ThreadPool.QueueUserWorkItem(delegate{SynchronizationContext.SetSynchronizationContext(new System.Windows.Threading.DispatcherSynchronizationContext(Application.Current.Dispatcher));SynchronizationContext.Current?.Post(pl =>{SipRegistrations.Remove(SipRegistrations.FirstOrDefault(x => x.SIPAccount.SIPUsername == sipAccount.SIPUsername));SipRegistrations.Add(binding);}, null);}); }Console.WriteLine($" 注冊(cè)聯(lián)系人 [{binding.RegisteredContact}] 為 [{sipAccount.SIPUsername}].");

?

甚至還可以簡(jiǎn)化：

Application.Current.Dispatcher.Invoke(delegate {SipRegistrations.Remove(SipRegistrations.FirstOrDefault(x => x.SIPAccount.SIPUsername == sipAccount.SIPUsername));SipRegistrations.Add(binding); });

?

總結(jié)

以上是生活随笔為你收集整理的解决 WPF 绑定集合后数据变动界面却不更新的问题（使用 ObservableCollection）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。