Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > C#/.NET技巧

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

来源:中文源码网    浏览:219 次    日期:2024-05-10 09:36:48
【下载文档:  WPF实现渐变淡入淡出的登陆窗口效果.txt 】


WPF实现渐变淡入淡出的登陆窗口效果
本文实例讲述了WPF实现渐变淡入淡出的登陆窗口效果的方法。分享给大家供大家参考。具体实现方法如下:
1、实现原理
① 利用UIElement.OpacityMask属性,用于改变对象区域的不透明度的画笔。可以使元素的特定区域透明或部分透明,从而实现比较新颖的效果。
② OpacityMask属性接受任何画刷,可利用LinearGradientBrush线性渐变画刷,通过对渐变画刷中各颜色点加以动画处理即可。
2、渐变淡入实现
渐变淡入效果,可通过事件触发器触发Loaded事件实现,所以可以仅用前端XAML语言实现。
① 设置对象的OpacityMask属性
复制代码 代码如下:






② 设置对象的事件触发器
复制代码 代码如下:












3、渐变淡出实现
渐变淡出效果,由于事件触发器事件需要路由事件触发,所以需要使用后端代码实现。
① 准备渐变淡出的动画和画刷资源
复制代码 代码如下:











② 后端通过绑定按钮的Click事件实现
复制代码 代码如下:private void btnCancel_Click(object sender, RoutedEventArgs e)
{
this.IsEnabled = false;
LoginGrid.OpacityMask = this.Resources["ClosedBrush"] as LinearGradientBrush;
Storyboard std = this.Resources["ClosedStoryboard"] as Storyboard;
std.Completed += delegate { this.Close(); };
std.Begin();
}
4、运行效果图如下:
希望本文所述对大家的WPF程序设计有所帮助。

相关内容