JavaFX实现线段单侧缩短动画效果的技术问询

嘿，我来帮你搞定这个需求！你想要的是线段起点固定，终点向起点方向收缩的动画，你的现有代码用了PathTransition和ScaleTransition但没达到预期效果，问题出在这两个过渡的用法不对，我给你两种靠谱的解决方案：

方法1：直接动画线段的终点属性（最推荐） #

这是最直观精准的方式——我们直接修改线段的endX和endY属性（保持startX/startY固定），用Timeline来实现平滑过渡：

假设你的线段初始状态是起点(startX, startY)，终点(endX, startY)（水平线段，垂直或斜线同理，只需要对应修改endY）：

// 初始化线段
Line line = new Line(startX, startY, endX, startY);

// 创建时间线动画，1秒内将终点从endX移动到靠近起点的位置（比如原长度的25%）
Timeline shrinkTimeline = new Timeline(
    // 初始帧：终点在原始位置
    new KeyFrame(Duration.ZERO,
        new KeyValue(line.endXProperty(), endX)
    ),
    // 结束帧：终点移动到起点 + 原长度的25%位置
    new KeyFrame(Duration.millis(1000),
        new KeyValue(line.endXProperty(), startX + (endX - startX) * 0.25)
    )
);

// 启动动画
shrinkTimeline.play();

这个方案完全贴合你的需求：起点纹丝不动，终点平滑向起点靠拢，你还可以通过调整KeyValue的目标值来控制最终缩短的长度。

方法2：修正ScaleTransition的锚点（可选） #

如果你坚持想用ScaleTransition，问题出在你没设置缩放锚点——默认锚点是线段中心，所以缩放时起点和终点都会向中间移动。只要把锚点设为线段的起点，就能实现单侧收缩：

Line line = new Line(startX, startY, endX, startY);

ScaleTransition st = new ScaleTransition(Duration.millis(1000), line);
st.setFromX(1.0);
st.setToX(0.25); // 缩放到原长度的25%
// 关键：设置缩放锚点为线段的起点
st.setPivotX(startX);
st.setPivotY(startY);

st.play();

这个方法也能实现效果，但如果是斜线的话，需要同时缩放X和Y轴，不如方法1灵活。

为什么你的原有方案不生效？ #

• PathTransition是让整个Line节点沿着你传入的路径移动位置，而不是修改线段本身的长度，完全不符合你的需求；
• 你原来的ScaleTransition没有设置锚点，默认以线段中心缩放，导致起点和终点同时移动，达不到“起点固定”的要求。

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