在图像上为缩小的圆圈设置动画

问题
我有一个 WPF 应用程序，窗口中有一个图像。当某个事件被触发时，我想通过动画一个在感兴趣点缩小到零的圆圈来吸引用户的注意力到图像上的一个点。实际上，我希望这个动画重复 3 次，以确保用户看到缩小的圆圈并将他的眼睛吸引到兴趣点。

你会如何建议我用 WPF 做到这一点？

回答
下面的代码将使您的动画工作。您需要做一些工作来找到要放置圆圈的位置（点）。

1. <Canvas Height="40" Width="40" >
   
2. 
   
3.                 <Path Fill="Red" Stroke="Black" StrokeThickness="1">
   
4.                     <Path.Data>
   
5.                         <EllipseGeometry x:Name="circleGeometry" Center="100,100" RadiusX="40" RadiusY="40" />
   
6.                     </Path.Data>
   
7.                     <Path.Triggers>
   
8.                         <EventTrigger RoutedEvent="Path.Loaded">
   
9.                             <BeginStoryboard>
   
10.                                 <Storyboard>                                   
    
11.                                     <DoubleAnimation
    
12.                                             Storyboard.TargetName="circleGeometry"
    
13.                                             Storyboard.TargetProperty="RadiusX" AutoReverse="True"
    
14.                                             Duration="0:0:3" To="5" RepeatBehavior="0:0:18"/>
    
15.                                     <DoubleAnimation
    
16.                                             Storyboard.TargetName="circleGeometry"
    
17.                                             Storyboard.TargetProperty="RadiusY" AutoReverse="True"
    
18.                                             Duration="0:0:3" To="5" RepeatBehavior="0:0:18"/>
    
19.                                 </Storyboard>
    
20.                             </BeginStoryboard>
    
21.                         </EventTrigger>
    
22.                     </Path.Triggers>
    
23.                 </Path>
    
24.             </Canvas>
    

复制代码