WPF在基础控件上如何实现Loading等待动画的详细步骤，能否一一解析？

本文共计718个文字，预计阅读时间需要3分钟。

WPF如何实现基础控件上的Loading等待动画：

在.NET 4至.NET 6框架下，使用Visual Studio 2022开发。通过以下步骤实现：

1. 引入命名空间：csharpusing System.Windows;

2. 设置控件附加属性：csharp

3. 在ViewModel中设置Loading属性：csharppublic class ViewModel : INotifyPropertyChanged{ private bool _loading;

public bool Loading { get=> _loading; set { if (_loading !=value) { _loading=value; OnPropertyChanged(nameof(Loading)); } } }

public event PropertyChangedEventHandler PropertyChanged;

protected virtual void OnPropertyChanged(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); }}

4. 在XAML中绑定ViewModel：csharp

设置`Loading.IsShow=true`后，即可显示默认的等待动画效果。

WPF 如何在基础控件上显示 Loading 等待动画

• 框架使用.NET4 至 .NET6；
• Visual Studio 2022;
• 使用方式需引入命名空间后设置控件的附加属性wd:Loading.IsShow="true"，即可显示默认等待动画效果如下：

• 如需自定义Loading一定要先设置wd:Loading.Child在设置IsShow="true"。
• 显示不同Loading内容需wd:Loading.Child ={x:Static wd:NormalLoading.Default}进行复赋值显示NormalLoading效果如下：

实现代码

1）创建BasicControlsExample.xaml代码如下:

<UserControl x:Class="WPFDevelopers.Samples.ExampleViews.BasicControlsExample"              xmlns="schemas.microsoft.com/winfx/2006/xaml/presentation"              xmlns:x="schemas.microsoft.com/winfx/2006/xaml"              xmlns:mc="schemas.openxmlformats.org/markup-compatibility/2006"               xmlns:d="schemas.microsoft.com/expression/blend/2008"               xmlns:local="clr-namespace:WPFDevelopers.Samples.ExampleViews"              xmlns:wpfdev="github.com/WPFDevelopersOrg/WPFDevelopers"              xmlns:controls="clr-namespace:WPFDevelopers.Samples.Controls"              mc:Ignorable="d"  Background="{DynamicResource BackgroundSolidColorBrush}"              d:DesignHeight="450" d:DesignWidth="800" Name="MyBasicControls"> <TextBlock Text="Loading" FontSize="20" Margin="0,20,0,0"/>                     <WrapPanel Margin="0,10">                         <Button Content="Loading" Click="Loading_Click"                              Style="{DynamicResource PrimaryButton}"/>                         <Button Name="btnLoadingTask" Content="LoadingTask" Click="LoadingTask_Click"                                  Style="{DynamicResource SuccessPrimaryButton}" Margin="10,0"/>                         <Button Name="btnLoading" Click="BtnLoading_Click" Content="AddLoading"                                 wpfdev:Loading.Child="{x:Static wpfdev:NormalLoading.Default}"                                 Style="{DynamicResource WarningPrimaryButton}"/>                         <Button Name="btnOffTask" Click="BtnOffTask_Click"                                  Margin="10,0" Content="Off Task"                                 Style="{DynamicResource DangerPrimaryButton}"/>                     </WrapPanel>   </UserControl>

2）逻辑BasicControlsExample.xaml.cs代码如下:

对控件进行等待动画。

  private void Loading_Click(object sender, RoutedEventArgs e)       {           var task = new Task(() => { Thread.Sleep(5000); });           task.ContinueWith(previousTask =>            {               Loading.SetIsShow(MyBasicControls, false);           },            TaskScheduler.FromCurrentSynchronizationContext());           Loading.SetIsShow(MyBasicControls, true);           task.Start();       }

基础控件上添加等待动画。

private void BtnLoading_Click(object sender, RoutedEventArgs e)         {             var task = new Task(() => { Thread.Sleep(5000); });             task.ContinueWith(previousTask => { Loading.SetIsShow(btnLoading, false); }, TaskScheduler.FromCurrentSynchronizationContext());             Loading.SetIsShow(btnLoading, true);             task.Start();         }

关闭基础控件的等待动画。

 private void BtnOffTask_Click(object sender, RoutedEventArgs e)         {             if (tokenSource == null) return;             tokenSource.Cancel();             Loading.SetIsShow(btnLoadingTask, false);         }         private CancellationTokenSource tokenSource;         private void LoadingTask_Click(object sender, RoutedEventArgs e)         {             tokenSource = new CancellationTokenSource();             var cancellationToken = tokenSource.Token;             var task = new Task(() =>             {                 for (int i = 0; i < 10; i++)                 {                     //这里做自己的事情                     if (tokenSource.IsCancellationRequested)                         return;                     Thread.Sleep(1000);                 }             }, cancellationToken);             task.ContinueWith(previousTask =>             {                 if (tokenSource.IsCancellationRequested)                     return;                 Loading.SetIsShow(btnLoadingTask, false);             }, TaskScheduler.FromCurrentSynchronizationContext());             Loading.SetIsShow(btnLoadingTask, true);             task.Start();         }

效果图

到此这篇关于详解WPF如何在基础控件上显示Loading等待动画的文章就介绍到这了,更多相关WPF基础控件显示Loading等待动画内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！