WPF实现聚光灯动画效果

实现效果如下:

WPF实现聚光灯动画效果_第1张图片

思路:

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

步骤:

1、窗体xaml


    
        
        
        
            
                
            
            
                
                    
                        
                            
                        
                    
                
            
        
    

2、后台逻辑

        public SpotlightExample()
        {
            InitializeComponent();
            CompositionTarget.Rendering += UpdateRectangle;
        }

        private void UpdateRectangle(object sender, EventArgs e)
        {
            this.GeometryText.Clip = this.MyEllipseGeometry;
        }

 

你可能感兴趣的:(WPF应用实例)