UWP中如何通过MatrixTransform实现UIElement以自身中心缩放？

你的核心需求是让每个位图以自身屏幕中心为基准缩放，当前代码的问题主要出在矩阵变换的计算逻辑错误上，以下是具体问题和修正方案：

核心错误点 #

1. 实际边界计算错误
   你手动用bounds.X * matrix.M41计算平移后的位置是完全错误的——Matrix的M41/M42是直接的平移偏移量，不是乘法因子。正确的做法是用矩阵的Transform方法将原始坐标转换为屏幕坐标，而不是手动拆解矩阵元素。

2. 缩放中心的参数传递错误
   Matrix4x4.CreateScale的最后一个参数是缩放的中心点，而不是偏移量。你当前计算的offset是原始边界左上角到中心的反向偏移，完全不符合API要求。

修正后的实现代码 #

foreach (var element in source)
{
    var designerItem = element as DesignerItem;
    if (designerItem == null) continue;

    var currentMatrix = element.TransformMatrix;
    var originalBounds = designerItem.GetLocation();

    // 1. 计算原始未变换的元素中心（Canvas坐标系下）
    var originalCenter = new Point(
        originalBounds.X + originalBounds.Width / 2,
        originalBounds.Y + originalBounds.Height / 2
    );

    // 2. 将原始中心转换为当前变换后的屏幕/世界坐标（这就是我们要固定的缩放中心点）
    var transformCenter = currentMatrix.Transform(originalCenter);

    // 3. 创建以transformCenter为中心的缩放矩阵
    // 原理：先把中心点移到原点→缩放→再移回原位置，保证中心点不动
    var scaleMatrix = Matrix4x4.CreateScale(
        _currentZoomFactor, 
        _currentZoomFactor, 
        1.0f,
        new Vector3((float)transformCenter.X, (float)transformCenter.Y, 0)
    );

    // 4. 合并变换矩阵（注意矩阵乘法顺序：新变换要右乘，保证先应用缩放）
    element.TransformMatrix = currentMatrix * scaleMatrix;
}

关键逻辑说明 #

• 获取原始中心：GetLocation返回的是元素在Canvas上的原始位置和尺寸，不受当前变换影响，所以先计算这个坐标系下的中心。
• 转换为当前坐标：用现有矩阵把原始中心转换到屏幕上的实际位置，这个点就是缩放时要固定不动的点。
• 正确创建缩放矩阵：CreateScale指定中心点后，会自动帮你完成「平移到原点→缩放→平移回中心」的组合变换，不需要手动计算偏移。

额外优化建议 #

• 可以缓存_currentZoomFactor的增量（比如滚轮每次缩放±0.1），而不是直接设置绝对值，否则每次滚轮都会重置缩放比例。
• 对GetLocation返回的Rect，可以先判断_actualControl是否为null，避免空引用异常。

内容的提问来源于stack exchange，提问作者Chadribleu