【转载】RenderTransform特效

RenderTransform特效（变形）

WPF中的变形（RenderTransform）类是为了达到直接去改变某个Silverlight对象的形状
（比如缩放、旋转一个元素）的目的而设计的，RenderTransform包含的变形属性成员就
是专门用来改变Silverlight对象形状的，它可以实现对元素拉伸，旋转，扭曲等效果，同
时变形特效也常用于辅助产生各种动画效果。

1. RenderTransform类：

该类成员如下：
TranslateTransform：能够让某对象的位置发生平移变化。
RotateTransform：能够让某对象产生旋转变化，根据中心点进行顺时针旋转或逆时针旋转。
ScaleTransform：能够让某对象产生缩放变化。
SkewTransform：能够让某对象产生扭曲(斜角)变化。
TransformGroup：变换集合,能够让某对象的缩放、旋转、扭曲等变化效果合并起来使用(组合多个变换)。
MatrixTransform：能够让某对象通过矩阵算法实现更为复杂的变形。
变形元素包括平移变形、旋转变形、缩放变形、扭曲变形、矩阵变形和组合变形元素，
变形特效常用于在不改变对象本身构成的情况下，使对象产生变形效果，所以变形元素
常辅助产生Silverlight中的各种动画效果。
通常，对于MediaElement元素使用RenderTransform属性比使用LayoutTransform属性更
好，因为RenderTransform属性是轻量级的。而且它还可以使用方便的
RenderTransformOrigin属性值，从而可以为特定的变换（如旋转）使用相对坐标。

2.TranslateTransform( 平移变化 )：

包含X、Y 两种属性，以原来的对象为坐标原点(0,0),然后向X轴、Y轴进行平移变换。

3. RotateTransform( 旋转变化 ):   

包括属性Angle（旋转角度），CenterX、CenterY（旋转的中心）

4. ScaleTransform( 缩放变化 )：

包括属性ScaleX、ScaleY、CenterX、CenterY，其中ScaleX、ScaleY属性表示对象在X、Y轴进行缩放的倍数，使用CenterX 和 CenterY属性指定一个中心点。

5. SkewTransform(扭曲变化)：

包括属性AngleX、AngleY、CenterX、CenterY。其中使用AngleX让元素相对X轴倾斜角度，AngleY是让元素围绕Y轴的倾斜角度。同样CenterX和CenterY是中心点位置。
    TransformGroup：
缩放、旋转、扭曲等变化效果合并起来。以上四种基本变化只是单一的变化，如果想要实现
多种效果的叠加，那么就要使用到TransformGroup，否则会报错。TransformGroup的作用
类似于在控件布局中的StackPanel内嵌的作用，是把多种变化元素组合成一种变化的容器。
    MatrixTransform 矩阵变换：
其实就是其他变形类的底层实现的代码，其他的类都是基于这个类的扩展，以让用户可以更加简单方便的应用，至于MatrixTransform则是通过一种矩阵算法来进行运算得到相应的变形的效果的。
使用 MatrixTransform 类可创建不由 RotateTransform 、 SkewTransform 、 ScaleTransform 或类提供的自定义转换 TranslateTransform 。
在二维 x-y 平面中，使用3x3 矩阵进行变换。 您可以将仿射矩阵转换相乘，以形成线性转换，如旋转和倾斜 (切变)，后面是平移。
仿射矩阵转换的最终列等于 (0，0，1) ;因此，您只需指定前两列中的成员。

WPF) Windows Presentation Foundation (Matrix 具有以下结构：

 

 

矩阵中第三列的值是固定不变的！最后一行中的成员 OffsetX OffsetY 表示转换值。方法和属性通常将变换矩阵指定为只有六个成员的矢量;成员如下：(M11, M12, M21, M22, OffsetX, OffsetY)

原理：
原坐标（x0，y0）通过这个3*3矩阵，通过矩阵乘法可得到坐标 (x0 * M11+x0 * M21,y0 * M12+y0 * M22)之后，再加上 (OffsetX,OffsetY) 即可得到新坐标（x1，y1）。也即是说最终坐标 (x1,y1) : x1 =  x0 * M11 + x0 * M21 + OffsetX , y1 = y0 * M12 + y0 * M22 + OffsetY
例如：
<MatrixTransform Matrix="M11 M12 M21 M22 OffsetX OffsetY">
</MatrixTransform>

注：

Matrix：获取或设置定义此转换的 Matrix 结构。

OffsetX和OffsetY控制水平和竖直方向的偏移。

M11控制X方向的伸缩，M22控制Y方向的伸缩。

M12,M21用来控制旋转的
————————————————

                            版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
                        
原文链接：https://blog.csdn.net/m0_56449543/article/details/121207696