WPF中TranslateTransform3D动画阶梯效应的平滑实现方案问询

直接修改TranslateTransform3D的OffsetX/OffsetY/OffsetZ时，WPF会为三个属性分别启动独立动画，导致物体沿坐标轴依次移动，出现明显的阶梯视觉效果。要实现新旧位置间的直线平滑移动，需要将三个轴的动画合并为整体向量动画，以下是两种可行方案：

方案1：直接对TranslateTransform3D的Offset向量做动画 #

TranslateTransform3D的Offset属性是Vector3D类型，直接对该属性创建动画可让XYZ三个分量同步变化，实现沿两点连线的平滑移动。

修改Position方法如下：

public void Position(SimCamera camera, Point3D newLocation)
{
    NewLocation = newLocation;
    // 定义动画起始和结束向量
    var startOffset = new Vector3D(CurrLocation.X, CurrLocation.Y, CurrLocation.Z);
    var endOffset = new Vector3D(NewLocation.X, NewLocation.Y, NewLocation.Z);

    // 创建Vector3D动画
    var moveAnimation = new Vector3DAnimation
    {
        From = startOffset,
        To = endOffset,
        Duration = TimeSpan.FromSeconds(0.3), // 按需调整动画时长
        FillBehavior = FillBehavior.HoldEnd // 动画结束后保持最终位置
    };

    // 启动动画
    TranslateTransform3D.BeginAnimation(TranslateTransform3D.OffsetProperty, moveAnimation);

    // 更新当前位置记录
    CurrLocation = NewLocation;
}

方案2：使用MatrixTransform3D实现整体变换 #

如果后续需要整合旋转、缩放等其他3D变换，可改用MatrixTransform3D，通过修改矩阵的平移分量并做整体动画，同样能避免分步移动的问题。

步骤1：替换Transform类型 #

修改类内的Transform定义：

private MatrixTransform3D _matrixTransform = new MatrixTransform3D();

构造函数中更新ObjectModel的Transform：

ObjectModel = new()
{
    Geometry = SphereMesh,
    Material = new DiffuseMaterial(new SolidColorBrush(Colors.Red)),
    Transform = _matrixTransform
};

步骤2：实现平滑移动的Position方法 #

public void Position(SimCamera camera, Point3D newLocation)
{
    NewLocation = newLocation;
    // 获取当前变换矩阵，修改其平移分量
    var currentMatrix = _matrixTransform.Matrix;
    var targetMatrix = currentMatrix;
    targetMatrix.OffsetX = NewLocation.X;
    targetMatrix.OffsetY = NewLocation.Y;
    targetMatrix.OffsetZ = NewLocation.Z;

    // 创建矩阵动画
    var matrixAnimation = new Matrix3DAnimation
    {
        From = currentMatrix,
        To = targetMatrix,
        Duration = TimeSpan.FromSeconds(0.3),
        FillBehavior = FillBehavior.HoldEnd
    };

    _matrixTransform.BeginAnimation(MatrixTransform3D.MatrixProperty, matrixAnimation);
    CurrLocation = NewLocation;
}

关键提示 #

• 动画时长（Duration）可根据业务需求调整，数值越小移动速度越快
• 若需动画结束后自动清除动画效果，可将FillBehavior设为Stop
• 避免直接赋值OffsetX/Y/Z触发默认的分步动画，始终通过WPF的动画类驱动属性变化

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