Android Studio中ImageView旋转动画切换背景异常问题求助

核心修复方案 #

将代码中的setBackgroundResource替换为setImageResource，同时开启硬件加速避免绘制异常：

rC1.animate()
    .setDuration(500)
    .rotationYBy(90f)
    .withLayer()
    .withEndAction(new Runnable() {
        @Override
        public void run() {
            rC1.setImageResource(R.drawable.coinb);
            rC1.animate()
                .setDuration(500)
                .rotationYBy(90f)
                .withLayer();
        }
    });

问题原因 #

你遇到的叠加显示问题本质是ImageView的前景（src）与背景（background）层级冲突：

• 初始状态下你大概率是通过setImageResource设置了宝箱图片（前景层），后续切换资源时误用setBackgroundResource将金币放在背景层，导致两层图片同时被渲染。
• 未开启硬件加速时，动画过程中View的绘制缓存可能未及时更新，会进一步加剧这种叠加现象。

备选方案（若必须使用背景资源） #

如果业务需求要求使用背景资源，需先清除原有前景资源再切换：

rC1.animate()
    .setDuration(500)
    .rotationYBy(90f)
    .withEndAction(new Runnable() {
        @Override
        public void run() {
            // 清除前景层的原有图片
            rC1.setImageDrawable(null);
            rC1.setBackgroundResource(R.drawable.coinb);
            rC1.animate().setDuration(500).rotationYBy(90f);
        }
    });

进阶优化：更真实的翻牌效果 #

若要实现类似真实翻牌的视觉逻辑（从90度转回0度，而非转到180度），可调整旋转目标角度：

rC1.animate()
    .setDuration(500)
    .rotationY(90f) // 直接旋转至90度（不可见状态）
    .withLayer()
    .withEndAction(new Runnable() {
        @Override
        public void run() {
            rC1.setImageResource(R.drawable.coinb);
            rC1.animate()
                .setDuration(500)
                .rotationY(0f) // 从90度转回0度，完成翻牌
                .withLayer();
        }
    });

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