一楼直接放演示视频。如果楼被吞,我将不再重发这个技术分享。
http://www.bilibili.com/video/av10931886/
实现 Reveal 效果至少需要 Windows 10 15063。
Visual Tree 大概是这样的:
+ Grid
|- Grid
||- Grid.Lights
|||- SpotLight
|- Button
|- Border
||-Border.Lights
|||-SpotLight
这个 SpotLight 是一个 XamlLight,内部使用 Composition API 创建了一个 SpotLight,并且会跟随指针(鼠标,电磁笔,上次触摸的位置)。
Border 负责指到附近时边缘发亮。Grid 内的 Grid 负责鼠标指到按钮上的光照效果。
这样会导致没有光照效果的区域看起来比有光照效果的区域亮。解决办法是给没有光照效果的区域用 Rectangle 元素上色。
http://www.bilibili.com/video/av10931886/
实现 Reveal 效果至少需要 Windows 10 15063。
Visual Tree 大概是这样的:
+ Grid
|- Grid
||- Grid.Lights
|||- SpotLight
|- Button
|- Border
||-Border.Lights
|||-SpotLight
这个 SpotLight 是一个 XamlLight,内部使用 Composition API 创建了一个 SpotLight,并且会跟随指针(鼠标,电磁笔,上次触摸的位置)。
Border 负责指到附近时边缘发亮。Grid 内的 Grid 负责鼠标指到按钮上的光照效果。
这样会导致没有光照效果的区域看起来比有光照效果的区域亮。解决办法是给没有光照效果的区域用 Rectangle 元素上色。