浅尝BindingOperations.EnableCollectionSynchronization()

基本用法

这玩意主要是解决wpf mvvm模型中,当observablecollection绑定到itemscontrol之后就无法在非ui线程中直接修改的问题。

先从测试代码弄起
MainWindow.xaml

<Window x:Class="ForLiveChart.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        x:Name="root"
        Title="MainWindow" Height="450" Width="800">
        <ListView ItemsSource="{Binding ElementName=root,Path=testCollection}"></ListView>
</Window>

MainWindow.cs

using System;
using System.Collections.ObjectModel;
using System.Threading;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Data;

namespace ForLiveChart
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            //BindingOperations.EnableCollectionSynchronization(testCollection, locker);//注释则出错
            var act = new Action(() =>
              {
                  Thread.Sleep(100);
                  for (int i = 0; i < 100; i++)
                      lock(locker)  
                          testCollection.Add(i);
              });
            Task.Run(act);
            Task.Run(act);
            Task.Run(act);
            Task.Run(act);
            Task.Run(act);
        }

        private object locker = new object();
        public ObservableCollection<int> testCollection { get; } = new ObservableCollection<int>();
    }
}

我们都知道,当非ui线程修改界面控件绑定好的ObservableCollection的时候会报错:

System.NotSupportedException:“This type of CollectionView does not support changes to its SourceCollection from a thread different from the Dispatcher thread.”

当取消掉BindingOperations.EnableCollectionSynchronization的注释的时候,这玩意就可以正常运行了。然而lock(locker)这句并不是必须的,此处因为多线程添加加入,而如果人为控制不会多线程同时修改的话可以不需要。原因不明=.=


上面是简单用法,下面就是是我踩的坑了
参照微软docs的BindingOperations.EnableCollectionSynchronization 方法说明,其中的两个坑:

坑1

调用必须在 UI 线程上发生。

BindingOperations.EnableCollectionSynchronization(testCollection, locker);

修改为

Task.Run(() =>
{
    BindingOperations.EnableCollectionSynchronization(testCollection, locker);
});

在ui线程中修改testCollection没问题,但是在非ui线程对TestCollection的修改会报错:

System.NotSupportedException:“This type of CollectionView does not support changes to its SourceCollection from a thread different from the Dispatcher thread.”

和之前的报错一毛一样~~~

坑2(其实发生的问题和这句话没关系,但是挺像的)

在另一线程上使用集合之前,或在将集合附加到之前,必须先调用 ItemsControl ,以之后的为准

代码改一下,将构建控件的InitializeComponent移到构造函数最后

public MainWindow()
{
    BindingOperations.EnableCollectionSynchronization(testCollection, locker);
    var act = new Action(() =>
    {
      lock(locker)
        testCollection.Add(1);
    });
    Task.Run(act).Wait();
    InitializeComponent();
}

然后执行,发现并没有什么发生,还是正常执行了
但是如果再~~改一下:

public MainWindow()
{
    BindingOperations.EnableCollectionSynchronization(testCollection, locker);
    var act = new Action(() =>
    {
        lock (locker)
            Dispatcher.Invoke(() =>
            {
                testCollection.Add(1);
            });
    });
    Task.Run(act);
    InitializeComponent();
}

铛铛铛铛~ 死锁上线~
而如果将InitializeComponent()上移

public MainWindow()
{
    InitializeComponent();
    BindingOperations.EnableCollectionSynchronization(testCollection, locker);
    var act = new Action(() =>
    {
        lock (locker)
            Dispatcher.Invoke(() =>
            {
                testCollection.Add(1);
            });
    });
    Task.Run(act);
}

或者主界面不绑定testCollection:

<Window x:Class="ForLiveChart.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
        mc:Ignorable="d"
        x:Name="root"
        Title="MainWindow" Height="450" Width="800">
    <!--<ListView ItemsSource="{Binding ElementName=root,Path=testCollection}"></ListView>-->
</Window>

都可以正常执行
大概分析下:ItemsControl的ItemsSource设定会lock(locker),而工作线程中的lock(locker)中有Dispatcher.Invoke,所以工作线程在lock(locker)之后的Dispatcher.Invoke会等待界面线程的完成,而界面线程中设定ItemsSource又会等待lock的解锁,导致互锁。

踏坑分析

这个坑是上俩坑结合才会发生的。
我有一个类需要异步创建,并且这个类里包含observablecollection,并且需要binding到界面
xaml:

<Window x:Class="ForLiveChart.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        x:Name="root"
        Title="MainWindow" Height="450" Width="800">
    <ListView ItemsSource="{Binding ElementName=root,Path=Device.Children}"></ListView>
</Window>

cs:

using System;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Threading;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Data;

namespace ForLiveChart
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {

            var act = new Action(() =>
            {
                Device.AddChild();
            });
            Task.Run(act);
            InitializeComponent();
        }
        public Device Device { get; set; } = new Device();
    }
    public class Device
    {
        public Device()
        {
            Application.Current.Dispatcher.Invoke(() =>
            {
                BindingOperations.EnableCollectionSynchronization(Children, locker);
            });
        }
        public ObservableCollection<Device> Children { get; } = new ObservableCollection<Device>();
        object locker = new object();
        public void AddChild()
        {
            lock (locker)//演示,多线程对collection的操作最好加锁或者选用带锁容器
            {
                Children.Add(new Device());
            }
        }
    }
}

解决方法也很简单。。

  1. 直接先InitializeComponent()创建控件即可
  2. 将AddChild函数改为
            var dev=new Device();
            lock (locker)//演示,多线程对collection的操作最好加锁或者选用带锁容器
            {
                Children.Add(dev);
            }
  1. 在危险的地方放弃使用BindingOperations.EnableCollectionSynchronization全部手动着来。

总结

  1. 有可能对ui或者ui绑定对象进行的操作,最好要放到InitializeComponent之后。
  2. BindingOperations.EnableCollectionSynchronization是个好同志,但是如果涉及到工作线程创建的话就要小心再小心了,指不定哪个循环调用引用什么的就把你绕进去了。
  3. lock中包含尽量少的内容特别是创建某些有复杂的构造函数了类,有时候多写两行代码又清晰,思路又明确,还能绕开很多坑
  4. 以上都是我胡言乱语的,千万别信。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,826评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,968评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,234评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,562评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,611评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,482评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,271评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,166评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,608评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,814评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,926评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,644评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,249评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,866评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,991评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,063评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,871评论 2 354

推荐阅读更多精彩内容