WPF淡出淡入动画效果

这个效果运用OpacityMask属性,用于改变对象区域的不透明度的画笔。可以使元素的特定区域透明或部分透明,从而实现比较新颖的效果。

   通过事件触发器触发Loaded事件实现,所以可以仅用前端XAML语言实现。

代码:

渐变淡出的动画和画刷资源

<Window.Resources>

       

        <Storyboard x:Key="ClosedStoryboard" Storyboard.TargetName="mainPanel">

            <DoubleAnimation From="1" To="0" Duration="0:0:1" Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[1].Offset"/>

            <DoubleAnimation From="1" To="0" Duration="0:0:0.5" BeginTime="0:0:0.5" Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[2].Offset"/>

            <ColorAnimation To="#00000000" Duration="0" Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[2].Color"/>

        Storyboard>

        <LinearGradientBrush x:

你可能感兴趣的:(前端,动画,wpf)