因动画效果导致旧Polyline无法移除的技术问题咨询

嘿，这个问题我之前做地图路线动画的时候也踩过坑！核心问题其实是动画还在运行的时候，旧Polyline的引用没管好，或者动画回调还在偷偷操作它，导致你调用remove()之后又被动画给“拉回来”了。咱们一步步来解决：

第一步：把所有Polyline的引用都存起来 #

你之前可能每次创建Polyline后就丢了引用，导致想删的时候找不到它。所以先在你的地图页面（Activity/Fragment）里定义成员变量，保存所有活跃的Polyline和当前动画：

private List<Polyline> mActivePolylines = new ArrayList<>();
private ValueAnimator mCurrentRouteAnimator; // 保存当前运行的动画引用

第二步：创建新路线前，彻底清理旧的 #

在onLocationChanged()里创建新Polyline之前，一定要先停掉旧动画，再把所有旧Polyline移除干净：

// 1. 先停止正在运行的动画，避免它继续操作旧Polyline
if (mCurrentRouteAnimator != null && mCurrentRouteAnimator.isRunning()) {
    mCurrentRouteAnimator.cancel();
    mCurrentRouteAnimator = null;
}

// 2. 遍历移除所有旧Polyline
for (Polyline line : mActivePolylines) {
    if (line != null) {
        line.remove();
    }
}
mActivePolylines.clear();

// 3. 现在创建新的Polyline，并加入集合管理
Polyline blackLine = mMap.addPolyline(new PolylineOptions()
        .add(startLatLng, endLatLng)
        .color(Color.BLACK)
        .width(8f));
mActivePolylines.add(blackLine);

Polyline grayLine = mMap.addPolyline(new PolylineOptions()
        .add(startLatLng, endLatLng)
        .color(Color.GRAY)
        .width(8f)
        .alpha(0f)); // 初始透明，等动画触发显示
mActivePolylines.add(grayLine);

第三步：绑定动画与新Polyline，确保可控 #

假设你的动画是先播放黑色线条的绘制效果，再显示灰色线条，那动画回调只操作当前新创建的Polyline，同时把动画引用存好方便后续取消：

// 示例：用ValueAnimator实现线条的渐进显示动画
mCurrentRouteAnimator = ValueAnimator.ofFloat(0f, 1f);
mCurrentRouteAnimator.setDuration(1500);
mCurrentRouteAnimator.addUpdateListener(animation -> {
    float progress = (float) animation.getAnimatedValue();
    
    // 这里根据你的动画逻辑调整，比如控制灰色线条的透明度
    if (progress > 0.5f) {
        grayLine.setAlpha((progress - 0.5f) * 2);
    }
    // 如果是逐段绘制路径，这里可以更新黑色线条的点集合
});

// 动画结束后清空引用，避免内存泄漏
mCurrentRouteAnimator.addListener(new Animator.AnimatorListener() {
    @Override
    public void onAnimationEnd(Animator animation) {
        mCurrentRouteAnimator = null;
    }

    // 其他三个方法空实现即可
    @Override public void onAnimationStart(Animator animation) {}
    @Override public void onAnimationCancel(Animator animation) {}
    @Override public void onAnimationRepeat(Animator animation) {}
});

mCurrentRouteAnimator.start();

额外注意点 #

• 如果你的动画是逐段添加Polyline点来模拟路径绘制的，那每一段生成的Polyline都要加入mActivePolylines集合，移除时才能全部清理干净。
• 在页面生命周期暂停/销毁时，也要执行一次清理操作，避免内存泄漏：

@Override
protected void onPause() {
    super.onPause();
    // 清理动画和Polyline
    if (mCurrentRouteAnimator != null) {
        mCurrentRouteAnimator.cancel();
        mCurrentRouteAnimator = null;
    }
    for (Polyline line : mActivePolylines) {
        if (line != null) line.remove();
    }
    mActivePolylines.clear();
}

这样操作后，每次切换路线时旧动画会被立刻终止，旧Polyline也会被彻底移除，新的动画和Polyline才会创建，就不会出现旧线条残留的问题啦！

内容的提问来源于stack exchange，提问作者Däñish Shärmä