WPF实现渐变淡入淡出的登陆窗口效果

本文实例讲述了WPF实现渐变淡入淡出的登陆窗口效果的方法。分享给大家供大家参考。具体实现方法如下：

1、实现原理

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

不透明遮罩属性接受任何画刷，可利用线性渐变画笔线性渐变画刷，通过对渐变画刷中各颜色点加以动画处理即可。

2、渐变淡入实现

渐变淡入效果，可通过事件触发器触发加载事件实现，所以可以仅用前端XAML语言实现。

设置对象的OpacityMask属性复制代码代码如下：网格不透明度蒙版线性渐变画笔起始点=' 0。5，1' EndPoint='0.5，0 ' gradient stop Color=' # 0000000 ' Offset=' 0 '/gradient stop Color=' # 0000000 '/gradient stop Color=' 1 '/线性gradientbrush/Grid .OpacityMask

设置对象的事件触发器复制代码代码如下：网格。触发器事件触发器路由事件="已加载"事件触发器。动作开始脚本板故事板双动画从='1 '到='0 '持续时间='0:0:1.5 '故事板TargetProperty=' OpacityMask .(渐变画笔.梯度停止[1].偏移/双重动画从=' 1 '到=' 0 '持续时间=' 0:0:1 '开始时间=' 0:033600.5 '故事板TargetProperty=' OpacityMask .(渐变画笔.梯度停止[2].偏移'/颜色动画到='#FF000000 '持续时间='0 '故事板TargetProperty=' OpacityMask .(渐变画笔.梯度停止[2].颜色'/故事板/开始故事板/事件触发器.操作/事件触发器/网格。扳机

3、渐变淡出实现渐变淡出效果，由于事件触发器事件需要路由事件触发，所以需要使用后端代码实现。

准备渐变淡出的动画和画刷资源复制代码代码如下：窗口。资源故事板x:Key='ClosedStoryboard '故事板目标名称=“登录标识”双动画从=“1”到=“0”持续时间=“0:0:2”故事板TargetProperty=' OpacityMask .(渐变画笔.梯度停止[1].偏移/双重动画从=' 1 '到=' 0 '持续时间=' 0:033601.5 '开始时间=' 0:033600.5 '故事板TargetProperty=' OpacityMask .(渐变画笔.梯度停止[2].偏移/颜色动画到=' # 00000000 '持续时间=' 0 '故事板TargetProperty=' OpacityMask .(渐变画笔.梯度停止[2].颜色'/故事板linegradientbrush x :键=' ClosedBrush '起始点=' 0。5，0' EndPoint='0.5，1 ' GradientStop Color=' # ff 000000 ' Offset=' 0 '/GradientStop Color=' # ff 000000 ' Offset=' 1 '/line gradientbrush/Window .资源

后端通过绑定按钮的点击事件实现复制代码代码如下：私人作废BTN取消_点击(对象发送者，RoutedEventArgs e){ this .IsEnabled=false

登录身份证.OpacityMask=这个。资源['ClosedBrush']作为线性渐变画笔故事板标准=这个。资源['ClosedStoryboard']作为故事板；性病。已完成=委托{这个.close()；};

性病begin()；}

4、运行效果图如下：

希望本文所述对大家的WPF程序设计有所帮助。