WPF案例（五） 对控件界面使用倒影2012-05-18 博客园 leo在这个程序里对5个2D控件界面应用了垂直倒影，边缘模糊化和模型变换，在本例中，这5个2D控件为Border, 各包含了一幅Image,界面 如下图所示，源码从这里（http://files.cnblogs.com/5460600/DropShadow.rar）下载
本例中使用Viewport2DVisual3D来呈现2D的Border,Border中包含了Image，对 Viewport2DVisual3D使用了RotateTransform3D模型变换 ，以使Viewport2DVisual3D向左或者向右倾斜 45度角，为使处于左右两端的Image能和背景图融为一体，使用LinearGradientBrush为这两 幅Image设置了渐变的透明蒙板 OpacityMask，设置垂直倒影主要使用了VisualBrush和ScaleTransform3D，VisualBrush用来反射Image的图像，并将图像填充到 GeometryModel3D的 Material属性，通过设置ScaleTransform3D元素的属性ScaleY="-1"，可变换模型以X轴为坐标向下180度倒置，由于对Image使用了 RotateTransform3D变换，因此对反射Image图像的GeometryModel3D也需使用相同的RotateTransform3D变换 ，另外对控件的倒影设置了 0.8个值的透明度，以便能清晰的显示2D控件界面并模糊控件界面的倒影在呈现2D控件的时候，多次使用了Viewport2DVisual3D，但在反射控件界面倒影的时候，仅使用了一个ModelVisual3D元素， ModelVisual3D元素的Content属性值被设置为一个Model3DGroup元素，Model3DGroup是一个集合类，用来打包 GeometryModel3D ，而2D Image的界面倒影图像最终填充到GeometryModel3D的Material属性上，因此在反射2D控件界面倒影的时候，使过 Model3DGroup来组合 GeometryModel3D ,只需要定义一个ModelVisual3D则成.
易网时代-编程资源站