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

分享给朋友:
您可能感兴趣的文章:
随机阅读: