WPF 中控件的变形

在WPF中，控件的形变依靠的属性包括LayoutTransform和RenderTransform。两者的区别在于调用LayoutTransform会触发一次它将触发一次新的布局系统处理过程，并强制重新度量和重新排列屏幕上的所有对象，而RenderTransform不会调用系统布局。如果转换通常用于动画处理或向元素应用临时效果则用RenderTransform，而如果要更新完整的应用程序UI，则使用LayoutTransform

LayoutTransform和RenderTransform都包括了四种形变方式：

ScaleTransform：在 2-D x-y 坐标系内缩放对象。

SkewTransform：表示一种2-D扭曲

RotateTransform：在 2-D x-y 坐标系内围绕指定点按照顺时针方向旋转对象

TranslateTransform：在 2-D x-y 坐标系中平移（移动）对象

可以在设计器中直接对控件进行变形，代码如下。

            <Canvas.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleY="1" ScaleX="1.5"/>
                    <SkewTransform AngleY="0" AngleX="9"/>
                    <RotateTransform Angle="20"/>
                    <TranslateTransform X="5"/>
                </TransformGroup>
            </Canvas.RenderTransform>

在后台代码中对控件进行变形，需要对控件的 LayoutTransform和RenderTransform属性进行赋值

CvsAns.RenderTransform = new ScaleTransform(0.9,0.6,0,0);

需要注意的是，对控件进行多种形变处理时，不能依次进行对属性进行赋值。如：要把一个Canvas缩小后旋转，如果后台代码这样写：

<span style="white-space:pre">	</span>canvas.RenderTransform = new ScaleTransform(0.9,0.6,0,0);
<span style="white-space:pre">	</span>canvas.RenderTransform = new RotateTransform(20,0,0);

第一行代码的效果会被第二行覆盖掉，也就是说canvas只会进行Rotate形变，而不会进行scale形变。

正确的方式是，使用TransformGroup类

            TransformGroup tg = new TransformGroup()
            {
                Children = new TransformCollection()
                {
                    new ScaleTransform(0.8,0.8),
                    new RotateTransform(10,0,0)           
                }
            };
            CvsAns.RenderTransform = tg;