按钮点击旋转异常求助：连续快速点击导致旋转方向错乱

嘿，这个问题我太熟悉了！快速点击时旋转乱套的核心原因是：你每次点击都用myButton.getRotation()去拿当前的实时旋转角度，但动画是渐进式执行的——前一次的旋转动画还没完成时，这个方法返回的是中间过渡值，不是最终的目标角度，自然会导致后续计算出错。

咱们来看看几种靠谱的解决办法：

方法一：用变量记录目标角度（最推荐） #

放弃依赖实时旋转角度，改用一个成员变量来记录按钮最终要达到的目标角度，这样不管动画有没有走完，每次点击都是基于正确的目标值计算：

// 定义成员变量，初始值和按钮默认旋转角度一致（比如0）
private float targetRotation = 0f;
private boolean clicked = false;

public void onClick(View v){
    if(clicked){
        targetRotation -= 90;
    } else {
        targetRotation += 90;
    }
    // 直接用目标角度执行动画，动画会自动平滑过渡到正确值
    myButton.animate().rotation(targetRotation);
    clicked = !clicked;
}

这种方法的好处是，用户哪怕疯狂快速点击，按钮最终都会停在正确的旋转角度，而且动画依然保持平滑过渡，体验最好。

方法二：禁用按钮直到动画完成 #

从交互层面阻止快速点击，用户必须等当前动画执行完毕才能再次点击按钮，从根源上避免计算错误：

public void onClick(View v){
    // 先禁用按钮，防止重复触发
    myButton.setEnabled(false);
    
    float deg = myButton.getRotation();
    if(clicked){
        deg -= 90;
    } else {
        deg += 90;
    }
    
    myButton.animate()
            .rotation(deg)
            .setDuration(300) // 可以指定动画时长，默认也有默认时长
            .withEndAction(() -> {
                // 动画完成后重新启用按钮，并更新状态
                myButton.setEnabled(true);
                clicked = !clicked;
            });
}

这种方法适合对交互严谨性要求高的场景，避免用户误操作。

方法三：取消当前动画再执行新动画 #

每次点击时先终止正在进行的动画，让按钮立刻跳到当前实时角度，再计算新的目标角度执行动画：

public void onClick(View v){
    // 取消当前正在执行的所有动画
    myButton.animate().cancel();
    
    float deg = myButton.getRotation();
    if(clicked){
        deg -= 90;
    } else {
        deg += 90;
    }
    
    myButton.animate().rotation(deg);
    clicked = !clicked;
}

这种方法也能解决问题，但动画会有“中断”的感觉，体验不如第一种方法流畅。

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