脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → C#教程 → WPF加载动画功能

最好用的WPF加载动画功能

 更新时间：2025年01月09日 08:45:13   作者：小码编匠  
当开发应用程序时,提供良好的用户体验（UX）是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给大家介绍了最好用的WPF加载动画功能,需要的朋友可以参考下

前言

当开发应用程序时，提供良好的用户体验（UX）是至关重要的。尤其是在处理大量数据或执行复杂操作期间，确保用户有一个流畅的加载体验不仅可以提高用户的满意度，还能有效减少等待过程中的焦虑感。

加载动画作为一种有效的沟通工具，它不仅能告知用户系统正在工作，还能够通过视觉上的吸引力来增强整体用户体验。

需求分析

在实现加载动画时，开发者通常会遇到两种主要方法，但它们都存在一定的局限性：

直接添加遮罩层：此方法涉及在控件之上叠加一个半透明的遮罩层，并在此层上展示加载动画。尽管这种方法能满足基本需求，但它要求为每次使用单独编写和管理显示/隐藏逻辑，这不仅增加了代码量，也容易导致代码库膨胀和维护困难。

封装成独立控件：另一种常见的做法是创建一个专门用于显示遮罩效果的控件，并将其应用于页面内容周围。虽然这种方式提高了二.基本用法

以下为示例代码，当ViewModel中的IsLoading属性值为True时，就会触发Loading动画。

View代码

<Window
    x:Class="LoadingDemo.Views.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:extensions="clr-namespace:LoadingDemo.Extensions"
    xmlns:prism="http://prismlibrary.com/"
    Title="Loading测试"
    Width="1366"
    Height="768"
    prism:ViewModelLocator.AutoWireViewModel="True"
    FontSize="22"
    WindowStartupLocation="CenterScreen">
    <Grid extensions:FrameworkElementExtension.IsLoading="{Binding IsLoading}">
        
    </Grid>
</Window>

ViewModel代码

namespace LoadingDemo.ViewModels
{
    public class MainWindowViewModel : BindableBase
    {
        private bool _isLoading = false;
        public bool IsLoading
        {
            get { return _isLoading; }
            set { this.SetProperty(ref _isLoading, value); }
        }
    }
}

运行效果

高级用法

1、FrameworkElementExtension.IsLoading只能在Grid上使用吗？

答：No，几乎所有控件都可以使用，Window、Page、UserControl、Panel、Button、Rectangle、Path、TextBox等等，都没问题，只需要将IsLoading设置为True，就会出现Loading效果。

2、我觉得加载动画不好看，有没有办法换成其它的？

答：当然可以，除了默认加载效果以外，还可以添加任意你喜欢的效果，不管它是文字、动画、视频、gif图片还是其它的东西，通通都可以，并且操作非常简单，一共有两种方式。

方式一：统一添加的方式

只需在Resources中添加一个名为MaskContent的资源，在触发加载遮罩显示的时候就会自动读取该资源作为动画元素，如果放在App.Resources中，整个项目所有加载效果都使用该资源，如果放在Window.Resources中，Window中的所有加载效果都使用该资源，以此类推。

以下都是合法的代码。

添加自定义动画效果（用户控件）

<Window.Resources>
    <controls:CustomLoading x:Key="MaskContent" Width="35" Height="35" />
</Window.Resources>

添加文字

<Window.Resources>
    <TextBlock x:Key="MaskContent" Text="加载中..." HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="22" FontWeight="Bold" Foreground="White" />
</Window.Resources>

添加进度条控件

<Window.Resources>
    <ProgressBar x:Key="MaskContent" Width="150" Height="15" HorizontalAlignment="Center" VerticalAlignment="Center" IsIndeterminate="True" />
</Window.Resources>

方式二：单独添加的方式

<Grid extensions:FrameworkElementExtension.IsLoading="{Binding IsLoading}">
    <extensions:FrameworkElementExtension.MaskContent>
        <TextBlock Text="加载中..." HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="22" FontWeight="Bold" Foreground="White"/>
    </extensions:FrameworkElementExtension.MaskContent>
</Grid>

综合案例

代码复用性和易用性，但仍然需要在每个使用点重复引用该控件，未能完全解决代码冗余的问题。

总结

鉴于上述方法的不足之处，本文将介绍一种更为高效、侵入性小且具有高度可扩展性的解决方案——基于装饰器模式的加载动画实现。

这种模式允许我们以最小化的方式修改现有代码结构，同时提供灵活的扩展能力，使得加载动画功能可以在整个应用中轻松部署和维护。

最后

到此这篇关于最好用的WPF加载动画功能的文章就介绍到这了,更多相关WPF加载动画功能内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • C#配置文件Section节点处理总结

    C#配置文件Section节点处理总结

    这篇文章主要介绍了C#配置文件Section节点处理总结,针对配置文件Section节点的处理做了较为详细的实例总结,需要的朋友可以参考下
    2014-10-10
  • 利用C#实现Word文档多维度信息统计

    利用C#实现Word文档多维度信息统计

    在文档处理场景中,自动化统计Word文档的字数、字符数、段落数、行数和页数是常见的需求,下面我们就来看看如何使用C#实现统计Word文档多维度信息吧
    2025-07-07
  • C#中this的用法集锦

    C#中this的用法集锦

    本文给大家汇总介绍了C#中的几种this用法，相信大家应该有用过，但你用过几种？以下是个人总结的this几种用法，欢迎大家拍砖，废话少说，直接列出用法及相关代码。
    2015-06-06
  • C#中Convert.ToInt32()和int.Parse()的区别介绍

    C#中Convert.ToInt32()和int.Parse()的区别介绍

    Convert是一个类，继承自system.Object；int是值类型，在本文为大家详细介绍下它与int.Parse()的区别，感兴趣的朋友可以参考下
    2013-10-10
  • c#中XML解析文件出错解决方法

    c#中XML解析文件出错解决方法

    在解析xml时，经常因为文件中含特殊字符而解析失败。原因有两个：一是内容中含有XML预定义好的实体，二是内容中含有低位非打印字符
    2014-08-08
  • C#实现鼠标左右键切换效果

    C#实现鼠标左右键切换效果

    这篇文章主要为大家详细介绍了如何利用C#实现鼠标左右键切换功能，文中的示例代码讲解详细，对我们学习C#有一定的帮助，感兴趣的小伙伴可以跟随小编一起了解一下
    2022-12-12
  • 浅谈c#中const与readonly区别

    浅谈c#中const与readonly区别

    C#引入了readonly修饰符来表示只读域，const来表示不变常量。顾名思义对只读域不能进行写操作，不变常量不能被修改，这两者到底有什么区别呢？
    2015-06-06
  • 基于C# wpf 实现Grid内控件拖动详情

    基于C# wpf 实现Grid内控件拖动详情

    这篇文章主要介绍了基于C# wpf 实现Grid内控件拖动,有一些业务场景中我们需要拖动控件，在Grid中就可以实现控件拖动，通过设置Margin属性即可,下面文章我们来看看具体的实现内容
    2021-11-11
  • C#搜索TreeView子节点,保留父节点的方法

    C#搜索TreeView子节点,保留父节点的方法

    这篇文章主要介绍了C#搜索TreeView子节点,保留父节点的方法,实例分析了C#操作TreeView节点的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • WPF中ImageBrush常用方式介绍

    WPF中ImageBrush常用方式介绍

    这篇文章介绍了WPF中ImageBrush的常用方式，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06

最新评论