WPF实现两种Loading加载特效

最新推荐文章于 2025-10-26 09:12:59 发布

原创最新推荐文章于 2025-10-26 09:12:59 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#WPF #Loading #路径动画 #关键帧动画

WPF特效专栏收录该内容

39 篇文章 ¥9.90 ¥99.00

订阅专栏

本文展示了如何在WPF中实现两种不同的Loading加载效果：一种利用路径动画，另一种借助关键帧动画。详细步骤包括效果一的环形动画类EllipseCircleAnimation和自定义控件LoadingCircle，以及效果二的自定义控件EllipsePendulum和LoadingPendulum，提供了布局XAML和交互逻辑的实现。

实现效果如下：

思路：效果一利用路径动画，效果二利用关键帧动画。

步骤：

1、效果一环形动画类EllipseCircleAnimation.cs

    internal class EllipseCircleAnimation : Grid
    {
        private int ellipseCount = 5;
        private Color[] ellipseColors = { (Color)ColorConverter.ConvertFromString("#DB2F00"), (Color)ColorConverter.ConvertFromString("#FF6D37"), (Color)ColorConverter.ConvertFromString("#FFA489"),
        (Color)ColorConverter.ConvertFromString("#56BEBF"), (Color)ColorConverter.ConvertFromString("#13A3A5")};

        public void

了解本专栏