### WPF 中 Transform 形变的几种类型 在 WPF（Windows Presentation Foundation）中，`Transform` 是一种用于对 UI 元素进行几何变换的功能。它允许开发者通过平移、旋转、缩放和倾斜等方式改变元素的位置、大小和形状。以下是常见的 `Transform` 类型及其功能描述： #### 1. **TranslateTransform** - 表示简单的二维平移变换。 - 可以通过设置属性 `X` 和 `Y` 来指定水平和垂直方向上的位移距离。 - 示例代码： ```xml <Rectangle Width="50" Height="50" Fill="Blue"> <Rectangle.RenderTransform> <TranslateTransform X="100" Y="50"/> </Rectangle.RenderTransform> </Rectangle> ``` #### 2. **RotateTransform** - 提供围绕某个中心点的二维旋转变换。 - 属性 `Angle` 定义旋转角度，而 `CenterX` 和 `CenterY` 定义旋转的中心点。 - 示例代码： ```xml <Rectangle Width="50" Height="50" Fill="Green"> <Rectangle.RenderTransform> <RotateTransform Angle="45" CenterX="25" CenterY="25"/> </Rectangle.RenderTransform> </Rectangle> ``` #### 3. **ScaleTransform** - 实现基于比例因子的二维缩放变换。 - 使用 `ScaleX` 和 `ScaleY` 设置水平和垂直方向的比例系数。 - 示例代码： ```xml <Rectangle Width="50" Height="50" Fill="Red"> <Rectangle.RenderTransform> <ScaleTransform ScaleX="2" ScaleY="0.5"/> </Rectangle.RenderTransform> </Rectangle> ``` #### 4. **SkewTransform** - 创建沿水平轴或垂直轴倾斜的效果。 - 参数 `AngleX` 控制水平倾斜角度，`AngleY` 控制垂直倾斜角度。 - 示例代码： ```xml <Rectangle Width="50" Height="50" Fill="Yellow"> <Rectangle.RenderTransform> <SkewTransform AngleX="30" AngleY="15"/> </Rectangle.RenderTransform> </Rectangle> ``` #### 5. **MatrixTransform** - 提供更灵活的自定义变换能力，支持任意仿射变换矩阵的操作。 - 需要手动提供六个参数来构建变换矩阵。 - 示例代码： ```xml <Rectangle Width="50" Height="50" Fill="Purple"> <Rectangle.RenderTransform> <MatrixTransform> <MatrixTransform.Matrix> <Matrix OffsetX="50" OffsetY="20" M11="1" M12="0.5" M21="-0.5" M22="1"/> </MatrixTransform.Matrix> </MatrixTransform> </Rectangle.RenderTransform> </Rectangle> ``` #### 6. **TransformGroup** - 将多个 `Transform` 组合在一起形成复合变换。 - 支持链式组合多种基本变换效果。 - 示例代码： ```xml <Rectangle Width="50" Height="50" Fill="Orange"> <Rectangle.RenderTransform> <TransformGroup> <ScaleTransform ScaleX="1.5" ScaleY="1.5"/> <RotateTransform Angle="30"/> <TranslateTransform X="80" Y="40"/> </TransformGroup> </Rectangle.RenderTransform> </Rectangle> ``` 以上六种类型的 `Transform` 能够满足大多数场景下的需求[^1]。 --- ###