2018-8-10-wpf-DoEvents-

title	author	date	CreateTime	categories
wpf DoEvents	lindexi	2018-08-10 19:16:51 +0800	2018-2-13 17:23:3 +0800	WPF doevents 性能优化

如果在执行一段卡UI的代码，这时如何让UI响应。如果存在代码需要获得依赖属性，那么代码就需要在UI线程执行，但是这时就会卡UI，为了让UI响应，所以就需要使用DoEvents来让UI响应。
首先需要知道，DoEvents是在 WinForm 有的，在 WPF 没有这个函数，但是可以自己写出来。

先做一个例子让大家知道DoEvents的作用，使用的呆磨很简单，请看代码

<Window x:Class="ZuindmMbx.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:local="clr-namespace:ZuindmMbx"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <ListView ItemsSource="{Binding KatudefZubpobryk}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding}"></TextBlock>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        <Button Content="确定" HorizontalAlignment="Left" Margin="424,292,0,0" VerticalAlignment="Top" Width="75" Click="Button_OnClick"/>
    </Grid>
</Window>

   public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;
        }

        public ObservableCollection<string> KatudefZubpobryk { get; set; } = new ObservableCollection<string>();

        private void Button_OnClick(object sender, RoutedEventArgs e)
        {
            for (int i = 0; i < 10; i++)
            {
                Foo(10);
                KatudefZubpobryk.Add(i.ToString());
            }
        }

        private void Foo(int n)
        {
            for (int i = 0; i < n; i++)
            {
                Foo(n - 1);
            }
        }
    }

这时点击确定可以看到，需要等待一些时间才可以响应界面

如果加上了 DoEvents 就可以看到下图的效果

用法

在呆磨的程序做一些修改，请看代码

        private void Button_OnClick(object sender, RoutedEventArgs e)
        {
            for (int i = 0; i < 10; i++)
            {
                Foo(10);
                KatudefZubpobryk.Add(i.ToString());
                DoEvents();
            }
        }

        public static void DoEvents()
        {
            DispatcherFrame frame = new DispatcherFrame();
            Dispatcher.CurrentDispatcher.BeginInvoke(DispatcherPriority.Background, new DispatcherOperationCallback(ExitFrame), frame);
            Dispatcher.PushFrame(frame);
        }

        private static Object ExitFrame(Object state)
        {
            ((DispatcherFrame) state).Continue = false;
            return null;
        }

所以只需要在循环加上代码就可以了。可以复制下面的两个方法到需要使用让UI响应的地方，在需要的地方调用，使用的方法很简单。

建议在下面的地方使用：

• 后台操作比较耗时，未完全加载也能正常使用
• 性能已经没有办法优化
• 性能没有时间优化，可作为临时性方案
• DoEvents建议一定是在主线程上使用

原理

请看一下底层的PushFrameImpl 下面的代码有删减

会导致UI重绘的消息：0xC25A及0xC262 所以发送这个消息就可以让UI响应

存在的坑

这里的坑是 PushFrame 的坑，关于他的原理，请看 https://walterlv.github.io/post/dotnet/2017/09/26/dispatcher-push-frame.html

如果点击确定按钮之后，再次点击确定按钮，那么就会出现很多个重复的数。如果使用这个方法，那么需要禁用确定按钮，小心用户多次点击。

在使用方法的时候拖动窗口，可能让窗口卡死。

复现步骤：

修改上面呆磨代码，加上OnLoaded，里面使用Dispatcher.Invoke或DoEvents，然后运行拖动窗口，这时窗口卡死

        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;
            Loaded += OnLoaded;
        }

        private async void OnLoaded(object sender, RoutedEventArgs e)
        {
            await Task.Delay(2000);
            Dispatcher.Invoke(() => { }, DispatcherPriority.Background);
        }

但是这时使用 Alt+Tab 到其他窗口，然后回来，可以看到窗口正常

实际上尝试改变窗口大小也会让窗口卡死，请看WPF application intermittently hangs when using Dispatcher.Invoke and/or Dispatcher.PushFrame while user is resizing or draging window

OnLoad 上其他坑

我必须说，不仅是 OnLoad 会出现这些坑，在很多情况也会，但是我还不知道条件。

请把await Task.Delay(2000)换为Foo(10);进行一些计算，这时在软件启动的时候，尝试拖动窗口，可以看到窗口是没有显示内容，但是鼠标放开的时候，就可以看到界面显示。

        private void OnLoaded(object sender, RoutedEventArgs e)
        {
            Foo(10);

            Dispatcher.Invoke(() =>
            {
            }, DispatcherPriority.Background);
        }

接着把Invoke换为DoEvents，结果相同，在启动拖动窗口，窗口没有内容。

使用 DispatcherTimer 出现窗口冻结

下面的代码是创建一个 time 不停在里面使用Dispatcher.Invoke

        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;
            Loaded += OnLoaded;

            DispatcherTimer time = new DispatcherTimer();

            time.Interval = new TimeSpan(0, 0, 1);
            time.Tick += Time_Tick;
            time.Start();
        }

        private void Time_Tick(object sender, EventArgs e)
        {
            Foo(10);
            Dispatcher.Invoke(() => { }, DispatcherPriority.Background);
        }

这时拖动窗口会出现冻结，和上面一样。

实际把上面代码的运算去掉也会冻住，但是我尝试10次，有2次在放开的时候才冻住。

推荐方法

实际上垃圾wr是不是要让开发者去写这样的方法？实际上垃圾wr已经做了这个东西，但是没有直接告诉开发者，请尝试使用下面的代码代替上面呆磨

        private void Button_OnClick(object sender, RoutedEventArgs e)
        {
            for (int i = 0; i < 10; i++)
            {
                Foo(10);
                KatudefZubpobryk.Add(i.ToString());
                Dispatcher.Invoke(() => { }, DispatcherPriority.Background);
            }
        }

关键就是Dispatcher.Invoke(() => { }, DispatcherPriority.Background);，这句代码就是在主线程插入一个Background 因为优先级，所以这时就可以让UI处理其他的输入

但是直接使用Dispatcher.Invoke代码太长，是不是可以使用比较简单的？实际上还是有的，请看代码。

        private async void Button_OnClick(object sender, RoutedEventArgs e)
        {
            for (int i = 0; i < 10; i++)
            {
                Foo(10);
                KatudefZubpobryk.Add(i.ToString());
                await System.Windows.Threading.Dispatcher.Yield();
            }
        }

实际上System.Windows.Threading.Dispatcher.Yield这个方法的实现和Dispatcher.Invoke(() => { }, DispatcherPriority.Background一点也不同，他使用的是 async 以及其他我还不知道怎么说的科技。

最后的方法是在UI主线程执行的函数上添加async和直接使用Dispatcher.Yield就可以在循环中让UI响应。不会在循环中让UI卡住。

建议使用最后的方法，因为这个方法可以解决坑，而且使用简单

实际上，使用了上面无论哪个方法都不会让界面一直都响应，如果页面有一个循环的动画，就可以看到动画播放实际上有些卡，下面写一个呆磨就可以知道。在上面的界面添加下面的代码，不停做动画。

        <Grid>
            <Grid.Triggers>

                <EventTrigger RoutedEvent="Grid.Loaded">

                    <BeginStoryboard>

                        <Storyboard RepeatBehavior="Forever">
                            <DoubleAnimation Storyboard.TargetName="T" Storyboard.TargetProperty="Angle" From="0" To="360" Duration="0:0:1"></DoubleAnimation>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Grid.Triggers>
            <Grid x:Name="G" Background="#565656" Width="200" Height="200"
                  HorizontalAlignment="Center" VerticalAlignment="Center">
                <Grid.RenderTransform>
                    <RotateTransform x:Name="T" CenterX="100" CenterY="100" Angle="0"></RotateTransform>
                </Grid.RenderTransform>
            </Grid>
        </Grid>

这时点击按钮，可以看到动画有些卡，点击窗口拖动就可以看到动画正常。