原文:
起因
在以前项目中,需要给用户一定提示。设计师建议在鼠标进入时显示窗口阴影,离开时取消窗口阴影。
尝试1
很自然,都会想到直接在窗口的内容或者自定义窗口的最外层元素上加效果。示例如下:
很不幸,上述方法不会生效。原因何在?窗口的非工作区(也就是Grid的四周)的渲染是由系统控制。虽然不清楚是绘出来了被遮住了还是根本没绘出来,但是告诉了我们此路不通。
解决方案
还好我们用的是WPF,可以自己定义模板和样式。于是简单测试了一下就发现了方案。下面就是我使用的样式一个示例(省略了模拟的控制按钮和其他的一些功能)
注意事项
- 必须将OverridesDefaultStyle和AllowsTransparency设为true。
- 根据需要设置相应的属性,比如外层Border的Padding要与阴影的属性保持一致,示例中是15。
不足
- 有时阴影显隐失灵 。
- 效率低下,特别是经常需要更新界面时(所以最后我们放弃这个方案了) 。
- 上述样式存在一个问题,即在用到界面验证时,会发生验证提示无法显示的情况。改进也很简单,在样式中手动添加一个AdornerLayer。原因在于验证常用的AdornedElementPlaceholder中包含一个Adorner,而Adorner必须寄宿于AdornerLayer。系统默认的Window样式中包含AdornerLayer,所以显示正常。
posted on 2019-01-04 00:55 阅读( ...) 评论( ...)