WPF实现聚光灯照亮文字动画效果

最新推荐文章于 2025-12-03 19:00:00 发布

原创最新推荐文章于 2025-12-03 19:00:00 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#WPF #聚光灯效果 #EllipseGeometry

WPF特效专栏收录该内容

39 篇文章 ¥9.90 ¥99.00

订阅专栏

本文介绍如何在WPF中创建聚光灯照亮文字的动画效果。通过在Canvas上叠加两个TextBlock，对顶部TextBlock应用路径动画并设置Clip为EllipseGeometry来实现这一视觉效果。

实现效果如下：

思路：

在Canvas里同一位置放置两个TextBlock，对上层字体设置路径动画，并设置其Clip为EllipseGeometry。

步骤：

1、窗体xaml

<Window x:Class="SpotlightDemo.SpotlightExample"
        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:Spo

了解本专栏