解決 WPF 綁定集合後數據變更界面卻不更新的問題

解決 WPF 綁定集合後數據變更界面卻不更新的問題

獨立觀察員 2020 年 9 月 9 日

 

在 .NET Core 3.1 的 WPF 程序中打算用 ListBox 綁定顯示一個集合（知足需求便可，無所謂什麼類型的集合），如下是 Xaml 代碼（瞟一眼就行，不是本文討論重點）：

<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 中有一個目標集合，當前是一個 List。

屬性變更通知有兩種實現方式，一是使用 PropertyChanged.Fody，二是使用自定義綁定基類 BindableBase，以下圖。

 

下面主要談論數據變更（集合增長內容）後，前臺的界面卻沒有更新的問題。具體來講就是，List.Add 以後，第一次有效果，但後面就沒效果了，界面始終只顯示一條數據。

 

原始（無效果）：

SipRegistrations.RemoveAll(x => x.SIPAccount.SIPUsername == sipAccount.SIPUsername); // 移除重複項（若是有的話）SipRegistrations.Add(binding); // 添加新項

猜測是由於 List 的引用並無變化，因此被認爲該屬性沒有改變，進而也就沒有變更通知。

其實這種須要變更通知的狀況，推薦使用的是 ObservableCollection：

 

可是本人以前使用 ObservableCollection 沒有成功過，反而是使用 List 是能夠的，因此仍是先看看用 List 怎麼解決吧。

 

變體一（調試時有概率有效果）：

// 添加聯繫人到集合並處理界面綁定；SipRegistrations.RemoveAll(x => x.SIPAccount.SIPUsername == sipAccount.SIPUsername);List<SIPAccountBinding> tempList = SipRegistrations; // 臨時集合；SipRegistrations = new List<SIPAccountBinding>(); // 目標集合先置爲空；tempList.Add(binding); // 臨時集合添加新項；SipRegistrations = tempList; // 臨時集合賦值給目標集合；

變體一經過臨時變量作中轉，強制讓目標集合（的引用）發生改變，但結果是隻在調試時以很小的機率成功過。

因爲這部分代碼是在異步邏輯裏，因此有多是在多線程環境，而 List 不是線程安全的，因此有了如下加鎖版本的變體二。

 

變體二（無效果，應該是和變體一相似）：

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

 

加了鎖仍是不行（不過鎖仍是須要的），又想到，既然調試的時候有概率成功，那麼是否是和代碼運行速度有關呢？因而在目標集合置空和從新賦值之間加了個線程休眠，居然真的能夠，也就是如下的變體三。

 

變體三（有效果）：

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

 

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

 

接下來再嘗試一下 ObservableCollection 吧：

#region 成員
/// <summary>/// 加鎖對象/// </summary>private object _lockObj = new object();
public ObservableCollection<SIPAccountBinding> SipRegistrations { get; set; } = new ObservableCollection<SIPAccountBinding>();
#endregion
lock (_lockObj){ SipRegistrations.Remove(SipRegistrations.FirstOrDefault(x => x.SIPAccount.SIPUsername == sipAccount.SIPUsername)); SipRegistrations.Add(binding); // 狀況一 //SipRegistrations.Append (binding); // 狀況二}
Console.WriteLine($" 註冊聯繫人 [{binding.RegisteredContact}] 爲 [{sipAccount.SIPUsername}].");

 

這個有兩種狀況（都不能成功）：

狀況一，使用 Add 方法，結果是執行完 Add 方法後就返回了，後面的方法再也不執行（不知道爲何），界面上是有概率能添加一條。

狀況二，使用 Append 方法，執行完 Append 後卻是能夠繼續執行後面的代碼，可是界面上一條也出現不了。

 

後記：本文主要是拋磚引玉，你們有什麼更好的方法，或者能解釋文中所描述現象的原理，請不吝賜教。

項目地址：https://gitee.com/DLGCY_GB28181/SimpleSIPServer

本文分享自微信公衆號 - dotNET跨平臺（opendotnet）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。