在Canvas中对WPF TextBlock应用RotateTransform时TranslateTransform未被保留

在Canvas中绘制TextBlock及其他图形时，通过TranslateTransform动态定位TextBlock（运行时生成对象，未使用XAML），代码如下：

Point origin, rotated;
origin.X = center.X;
origin.Y = center.Y + radius;
rotated.X = (Math.Cos(angle * Math.PI / 180) * (origin.X - center.X) - Math.Sin(angle * Math.PI / 180) * (origin.Y - center.Y) + center.X);
rotated.Y = (Math.Sin(angle * Math.PI / 180) * (origin.X - center.X) + Math.Cos(angle * Math.PI / 180) * (origin.Y - center.Y) + center.Y);

TranslateTransform translateTransf = new TranslateTransform() { X = rotated.X, Y = rotated.Y };
textBlock.RenderTransform = translateTransf;
plotCanvas.Children.Add(textBlock);

后续在另一事件中，以Canvas的实际尺寸确定旋转中心，对TextBlock应用RotateTransform：

RotateTransform rotateTransf = new RotateTransform(angleRotation) { CenterX = plotCanvas.ActualHeight / 2, CenterY = plotCanvas.ActualWidth / 2 };
foreach (TextBlock childBlock in plotCanvas.Children.OfType<TextBlock>())
    childBlock.RenderTransform = rotateTransf;
// Other objects are rotated fine around the canvas center

触发事件后，之前的TranslateTransform效果丢失，TextBlock似乎回到Canvas的(0,0)位置再被旋转，且文本出现额外旋转（原本期望保持水平，后续再添加指向Canvas中心的旋转）。其他未使用TranslateTransform的图形（如椭圆、线条）旋转正常。请问哪里操作有误，如何保留初始变换（或累积变换），以及额外旋转的原因是什么？

1. TranslateTransform丢失的原因及修复 #

你直接用新的RotateTransform替换了TextBlock的RenderTransform属性，导致之前设置的TranslateTransform被完全覆盖，所以TextBlock会回到默认的(0,0)位置再执行旋转操作。

要实现多个变换的累积，必须使用TransformGroup来组合多个变换对象，而不是直接替换：

• 初始化TextBlock时，就将TranslateTransform放入TransformGroup中
• 后续添加旋转时，获取已有的TransformGroup，再将新的RotateTransform加入组内

修改后的初始化代码：

// 初始化时使用TransformGroup管理变换
TransformGroup transformGroup = new TransformGroup();
TranslateTransform translateTransf = new TranslateTransform() { X = rotated.X, Y = rotated.Y };
transformGroup.Children.Add(translateTransf);
textBlock.RenderTransform = transformGroup;
plotCanvas.Children.Add(textBlock);

后续添加旋转的代码：

RotateTransform rotateTransf = new RotateTransform(angleRotation) { CenterX = plotCanvas.ActualHeight / 2, CenterY = plotCanvas.ActualWidth / 2 };
foreach (TextBlock childBlock in plotCanvas.Children.OfType<TextBlock>())
{
    // 获取已有的TransformGroup，没有则创建
    if (childBlock.RenderTransform is not TransformGroup transformGroup)
    {
        transformGroup = new TransformGroup();
        // 如果之前有单独的Transform，先加入组中
        if (childBlock.RenderTransform != null)
        {
            transformGroup.Children.Add(childBlock.RenderTransform);
        }
        childBlock.RenderTransform = transformGroup;
    }
    // 添加新的旋转变换
    transformGroup.Children.Add(rotateTransf);
}

2. 文本额外旋转的原因及处理 #

文本出现额外旋转是因为RotateTransform会对整个TextBlock（包括文本内容）进行旋转。根据你的需求，分两种场景处理：

场景1：文本始终保持水平，仅TextBlock位置绕Canvas中心旋转 #

这种情况需要抵消文本的旋转，只让位置发生变化。更高效的方式是直接重新计算Translate的目标位置，而非使用旋转变换。如果坚持用旋转，需要在整体旋转后添加一个反向旋转，抵消文本的旋转角度：

// 在添加完绕Canvas中心的旋转后，添加反向旋转
RotateTransform reverseRotate = new RotateTransform(-angleRotation) { CenterX = childBlock.ActualWidth/2, CenterY = childBlock.ActualHeight/2 };
transformGroup.Children.Add(reverseRotate);

场景2：TextBlock绕Canvas中心旋转，同时文本指向Canvas中心 #

需要计算文本自身的旋转角度，让其朝向Canvas中心。核心是计算TextBlock当前位置到Canvas中心的向量角度，再给文本添加对应旋转：

foreach (TextBlock childBlock in plotCanvas.Children.OfType<TextBlock>())
{
    if (childBlock.RenderTransform is not TransformGroup transformGroup)
    {
        transformGroup = new TransformGroup();
        if (childBlock.RenderTransform != null)
        {
            transformGroup.Children.Add(childBlock.RenderTransform);
        }
        childBlock.RenderTransform = transformGroup;
    }

    // 添加绕Canvas中心的旋转
    RotateTransform rotateCanvas = new RotateTransform(angleRotation) { CenterX = plotCanvas.ActualHeight / 2, CenterY = plotCanvas.ActualWidth / 2 };
    transformGroup.Children.Add(rotateCanvas);

    // 计算文本指向中心的旋转角度
    Point canvasCenter = new Point(plotCanvas.ActualWidth / 2, plotCanvas.ActualHeight / 2);
    GeneralTransform transform = childBlock.TransformToVisual(plotCanvas);
    Point blockPos = transform.Transform(new Point(0, 0));
    double dx = canvasCenter.X - blockPos.X;
    double dy = canvasCenter.Y - blockPos.Y;
    double textAngle = Math.Atan2(dy, dx) * 180 / Math.PI;

    // 添加文本旋转，使其指向中心
    RotateTransform rotateText = new RotateTransform(textAngle) { CenterX = childBlock.ActualWidth / 2, CenterY = childBlock.ActualHeight / 2 };
    transformGroup.Children.Add(rotateText);
}

额外注意事项 #

• 变换顺序至关重要：TransformGroup中的变换按顺序执行，先执行的变换会改变后续变换的坐标系统（比如先平移再旋转，和先旋转再平移的结果完全不同），需根据需求调整顺序。
• 无初始平移的图形（椭圆、线条）直接设置RotateTransform即可，但TextBlock有初始平移，必须用TransformGroup组合变换才能保留之前的定位效果。

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