WPF 通过透明度遮罩和变换制作倒影效果
原文:WPF 通过透明度遮罩和变换制作倒影效果
倒影效果
代码
<Canvas xmlns=“http://schemas.microsoft.com/client/2007“xmlns:x=“http://schemas.microsoft.com/winfx/2006/xaml“><!– The object to reflect. –><Image Source=“gear_large.png“Canvas.Left=“75“ Canvas.Top=“20“></Image><!– The reflection. –><Image Source=“gear_large.png” Canvas.Left=“75“ Canvas.Top=“228”Opacity=“0.75”><Image.RenderTransform> <ScaleTransform ScaleY=“-0.75“ /> </Image.RenderTransform> <Image.OpacityMask><LinearGradientBrush StartPoint=“0.5,0.0“ EndPoint=“0.5,1.0“> <GradientStop Offset=“0.0“ Color=“#00000000“ /> <GradientStop Offset=“1.0“ Color=“#FF000000“ /> </LinearGradientBrush> </Image.OpacityMask> </Image> </Canvas>
更加复杂的应用
参考
https://blogs.msdn.microsoft.com/wpfedevcon/2007/01/05/use-transforms-and-opacity-masks-to-create-a-reflection-in-wpfe/
Opacity Masks Overview
posted on 2018-09-22 01:23 NET未来之路 阅读(...) 评论(...) 编辑 收藏