WPF 窗口卡死或者假死解决方案（MVVM模式）

2024-01-11 00:10
文章标签 解决方案 模式 窗口 wpf mvvm 卡死 假死

本文主要是介绍WPF 窗口卡死或者假死解决方案（MVVM模式），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题描述

项目情况如下：程序业务：点击开始之后，从文件中获取数据，将数据显示到界面（按照某种可视化的形式）上，直到文件数据读完或者界面操作停止才会停止数据刷新。

程序能正常运行，但是，当程序开始之后，拖拽、缩放窗体（WPF默认的窗体样式），界面假死，鼠标失去响应，也不能回到任务栏…可以通过按"Win"键恢复，但是恢复之后，界面有可能已经失去正常工作能力了——数据刷新不正确，时序不对等等问题。

原因分析

通过使用VS自带的性能分析，可以看到：界面在刷新过程中CPU占用非常高（这个有可能是没有等待的While(true)死循环导致的），同时在执行界面赋值、操作UI元素时消耗的性能非常高（使用了传统的赋值方式和操作UI元素属性导致的，因为在WPF中能够操作UI元素的只有UI线程，这就导致了UI线程的工作负担非常繁重，以至于让界面假死或者不响应鼠标操作等）。那么如何解决这个问题呢？

WPF中早已提供了非常便捷的实现方式来解决实时对UI元素的刷新。它就是数据绑定。下面我简单说下，为什么数据绑定可以解决这类问题，以及它带来的好处。

  • 数据绑定时，我们只需要修改数据源，而不会对UI元素做任何操作，因此我们写的逻辑可以使用异步或者多线程实现，相比于传统的赋值、操作模式，大大减轻了UI线程工作量。
  • 编写业务逻辑时，只需要关心数据源，而不会去操作任何UI元素，UI元素的修改全权交给了UI线程，这样大大提升了对象操作的安全性。

解决方案

下面我就模拟上述问题来展示我的解决方法。

使用代码的方式实现数据绑定。

  • 定义数据结构和实现通知接口ViewModel（MVVM模式）

        /// <summary>/// 所有轨迹/// </summary>public class TracksViewModel : ObservableCollection<TrackViewModel>{ }/// <summary>/// 轨迹视图模型（ViewModel）/// </summary>public class TrackViewModel : BaseViewModel{public TrackViewModel(int id){this.Id = id;}public int Id { get; private set; }private SolidColorBrush trackBorderBrush;public SolidColorBrush TrackBorderBrush{get { return trackBorderBrush; }set { trackBorderBrush = value; RaisePropertyChanged(); }}private Visibility trackVisibility;public Visibility TrackVisibility{get { return trackVisibility; }set { trackVisibility = value; RaisePropertyChanged(); }}private double x;public double X{get { return x; }set { x = value; RaisePropertyChanged(); }}private double y;public double Y{get { return y; }set { y = value; RaisePropertyChanged(); }}}/// <summary>/// ViewModel模型基类（属性更改通知）/// </summary>public class BaseViewModel : INotifyPropertyChanged{/// <summary>/// 当任何子属性更改其值时激发的事件/// </summary>public event PropertyChangedEventHandler PropertyChanged = (sender, e) => { };/// <summary>/// 调用此函数以触发 <see cref="PropertyChanged"/> 事件/// </summary>/// <param name="name"></param>protected void RaisePropertyChanged([CallerMemberName] string properName = ""){PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(properName));}}

  • UI元素自定义View（MVVM模式）

        /// <summary>/// 轨迹元素（View）/// </summary>public class TrackElement : Border{/// <summary>/// 绑定的数据源/// </summary>public static TracksViewModel TracksSource = new TracksViewModel();public TrackElement(int id){this.Id = id;TracksSource.Add(new TrackViewModel(id) { });TrackElements.Add(id, this);}public int Id { get; private set; }/// <summary>/// 设置绑定/// </summary>private void SetBindingByCode(){this.SetBinding(Border.BorderBrushProperty, new Binding("TrackBorderBrush") { Source = TrackElement.TracksSource[Id] });this.SetBinding(Border.VisibilityProperty, new Binding("TrackVisibility") { Source = TrackElement.TracksSource[Id] });this.SetBinding(Canvas.LeftProperty, new Binding("X") { Source = TrackElement.TracksSource[Id] });this.SetBinding(Canvas.TopProperty, new Binding("Y") { Source = TrackElement.TracksSource[Id] });}/// <summary>/// 定义10个轨迹/// </summary>public Dictionary<int, TrackElement> TrackElements = new Dictionary<int, TrackElement>();}

  • 服务获取的数据模型Model（MVVM模式）

     /// <summary>/// 轨迹数据结构（服务中获取的）/// </summary>public class TrackModel{public TrackModel(int id){Id = id;}public int Id { get; private set; }public int Value { get; set; }}

  • 业务逻辑

    /// <summary>/// MainWindow.xaml 的交互逻辑/// </summary>public partial class MainWindow : Window{public MainWindow(){InitializeComponent();// 初始化元素（数据绑定）InitializeTrackElement();}/// <summary>/// 刷新目标（多线程实现）/// </summary>private void FlashTrack(){// 开启一个或多个线程来做我们需要的事情Task.Run(() =>{// 获取一个随机种子，模拟刷新界面Random rand = new Random();while (IsRunning){// TODO 打开文件获取数据var data = new List<TrackModel>(10);for (int i = 0; i < TrackCount; i++){data.Add(new TrackModel(i) { Value = rand.Next(20) });}// 刷新数据源foreach (var item in data){if (item.Value % 2 == 0){int next = rand.Next(360);double c = Math.Cos(next);double s = Math.Sin(next);TrackElement.TracksSource[item.Id].TrackVisibility = Visibility.Visible;if (item.Value < 5){TrackElement.TracksSource[item.Id].TrackBorderBrush = Brushes.Pink;// 在第2-3个线内的TrackElement.TracksSource[item.Id].X = 195 + c * rand.Next(150, 200);TrackElement.TracksSource[item.Id].Y = 195 + s * rand.Next(150, 200);}else if (item.Value < 10){TrackElement.TracksSource[item.Id].TrackBorderBrush = Brushes.Blue;// 在第2-3个线内的TrackElement.TracksSource[item.Id].X = 195 + c * rand.Next(100, 150);TrackElement.TracksSource[item.Id].Y = 195 + s * rand.Next(100, 150);}else if (item.Value < 15){TrackElement.TracksSource[item.Id].TrackBorderBrush = Brushes.Lime;// 在第1-2条线内的TrackElement.TracksSource[item.Id].X = 195 + c * rand.Next(50, 100);TrackElement.TracksSource[item.Id].Y = 195 + s * rand.Next(50, 100);}else{TrackElement.TracksSource[item.Id].TrackBorderBrush = Brushes.Red;// 在第1个线内的TrackElement.TracksSource[item.Id].X = 195 + c * rand.Next(50);TrackElement.TracksSource[item.Id].Y = 195 + s * rand.Next(50);// 前面是原点坐标，后面的50表示半径//TrackElement.TracksSource[item.Id].X = 195 + c * (50);//TrackElement.TracksSource[item.Id].Y = 195 + s * (50);}}else{TrackElement.TracksSource[item.Id].TrackVisibility = Visibility.Hidden;}}// 防止 CPU 占用Thread.Sleep(30);}});}/// <summary>/// 当前是否正在刷新/// </summary>bool IsRunning = false;/// <summary>/// 初始化UI元素/// </summary>private void InitializeTrackElement(){for (int i = 0; i < TrackCount; i++){var track = new TrackElement(i){BorderThickness = new Thickness(2),Width = 10,Height = 10,CornerRadius = new CornerRadius(5),Background = Brushes.Transparent,};ElementSpace.Children.Add(track);}}/// <summary>/// 目标数量/// </summary>private static int TrackCount = 100;/// <summary>/// 控制/// </summary>/// <param name="sender"></param>/// <param name="e"></param>private void Button_Click(object sender, RoutedEventArgs e){if ((sender as Button).Content.ToString() == "Start"){if (IsRunning) return;IsRunning = true;FlashTrack();}else{IsRunning = false;}}}

  • XAML界面设计

    <Window x:Class="Melphi.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:Melphi"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800" Background="Black"><Grid><Ellipse  Width="400" Height="400" ><Ellipse.Fill><LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"><GradientStop Color="#FF420404" Offset="0"/><GradientStop Color="#FF250332" Offset="1"/></LinearGradientBrush></Ellipse.Fill></Ellipse><Ellipse  Width="300" Height="300" Stroke="#FFECECEC" StrokeThickness="1"/><Ellipse  Width="200" Height="200" Stroke="#FFECECEC" StrokeThickness="1"/><Ellipse  Width="100" Height="100" Stroke="#FFECECEC" StrokeThickness="1"/><Ellipse  Width="20" Height="20" Fill="#FFECECEC" /><Canvas Width="400" Height="400" x:Name="ElementSpace" ClipToBounds="True"/><StackPanel HorizontalAlignment="Right" VerticalAlignment="Center"><Button  Width="100" Content="Start" Click="Button_Click"/><Button  Width="100" Content="Stop" Click="Button_Click"/></StackPanel ></Grid>
</Window>

效果演示

在这里插入图片描述

总结

既然使用到了WPF，那么数据绑定是不得不学的一课，而且要非常认真的学习，因为它将影响你在这个平台上走多远。数据绑定可以概括为： 当数据源的属性值发生变化时，会主动通知UI元素展示最新的数据；同时，用户对控件的操作(修改)会直接修改数据源。这种编程方式也被称为数据驱动。

Visual Studio是一个非常强大的IDE，我们要学着使用VS提供的功能来帮助我们分析我们程序的性能。从而找到问题，解决问题。

Over

每次记录一小步…点点滴滴人生路…

这篇关于WPF 窗口卡死或者假死解决方案（MVVM模式）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/592532。

相关文章

Redis连接失败：客户端IP不在白名单中的问题分析与解决方案

Redis连接失败：客户端IP不在白名单中的问题分析与解决方案

《Redis连接失败：客户端IP不在白名单中的问题分析与解决方案》在现代分布式系统中,Redis作为一种高性能的内存数据库,被广泛应用于缓存、消息队列、会话存储等场景,然而,在实际使用过程中,我们可能... 目录一、问题背景二、错误分析1. 错误信息解读2. 根本原因三、解决方案1. 将客户端IP添加到Re
阅读更多...
python 字典d[k]中key不存在的解决方案

python 字典d[k]中key不存在的解决方案

《python字典d[k]中key不存在的解决方案》本文主要介绍了在Python中处理字典键不存在时获取默认值的两种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,... 目录defaultdict：处理找不到的键的一个选择特殊方法__missing__有时候为了方便起见，
阅读更多...
最好用的WPF加载动画功能

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验（UX）是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时，提供良好的用户体验（UX）是至关重要
阅读更多...
Linux限制ip访问的解决方案

Linux限制ip访问的解决方案

《Linux限制ip访问的解决方案》为了修复安全扫描中发现的漏洞,我们需要对某些服务设置访问限制,具体来说,就是要确保只有指定的内部IP地址能够访问这些服务,所以本文给大家介绍了Linux限制ip访问... 目录背景：解决方案：使用Firewalld防火墙规则验证方法深度了解防火墙逻辑应用场景与扩展背景：
阅读更多...
SpringBoot嵌套事务详解及失效解决方案

SpringBoot嵌套事务详解及失效解决方案

《SpringBoot嵌套事务详解及失效解决方案》在复杂的业务场景中,嵌套事务可以帮助我们更加精细地控制数据的一致性,然而,在SpringBoot中,如果嵌套事务的配置不当,可能会导致事务不生效的问题... 目录什么是嵌套事务？嵌套事务失效的原因核心问题：嵌套事务的解决方案方案一：将嵌套事务方法提取到独立类
阅读更多...
Spring Boot实现多数据源连接和切换的解决方案

Spring Boot实现多数据源连接和切换的解决方案

《SpringBoot实现多数据源连接和切换的解决方案》文章介绍了在SpringBoot中实现多数据源连接和切换的几种方案,并详细描述了一个使用AbstractRoutingDataSource的实... 目录前言一、多数据源配置与切换方案二、实现步骤总结前言在 Spring Boot 中实现多数据源连接
阅读更多...
bat脚本启动git bash窗口,并执行命令方式

bat脚本启动git bash窗口,并执行命令方式

《bat脚本启动gitbash窗口,并执行命令方式》本文介绍了如何在Windows服务器上使用cmd启动jar包时出现乱码的问题,并提供了解决方法——使用GitBash窗口启动并设置编码,通过编写s... 目录一、简介二、使用说明2.1 start.BAT脚本2.2 参数说明2.3 效果总结一、简介某些情
阅读更多...
MySQL的索引失效的原因实例及解决方案

MySQL的索引失效的原因实例及解决方案

《MySQL的索引失效的原因实例及解决方案》这篇文章主要讨论了MySQL索引失效的常见原因及其解决方案,它涵盖了数据类型不匹配、隐式转换、函数或表达式、范围查询、LIKE查询、OR条件、全表扫描、索引... 目录1. 数据类型不匹配2. 隐式转换3. 函数或表达式4. 范围查询之后的列5. like 查询6
阅读更多...
基于Redis有序集合实现滑动窗口限流的步骤

基于Redis有序集合实现滑动窗口限流的步骤

《基于Redis有序集合实现滑动窗口限流的步骤》滑动窗口算法是一种基于时间窗口的限流算法,通过动态地滑动窗口,可以动态调整限流的速率,Redis有序集合可以用来实现滑动窗口限流,本文介绍基于Redis... 滑动窗口算法是一种基于时间窗口的限流算法，它将时间划分为若干个固定大小的窗口，每个窗口内记录了该时间
阅读更多...
使用Vue.js报错：ReferenceError: “Vue is not defined“ 的原因与解决方案

使用Vue.js报错：ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错：ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2