Android中ImageView淡入淡出动画失效，求解决办法

咱们一步步排查可能的问题，再给出对应的修复方案：

1. 初始透明度未设置 #

你的代码里没给第二个ImageView设置初始透明状态，它默认是完全显示（alpha=1）的，所以执行alpha(1f)的动画自然看不到变化。

在onCreate方法里添加初始状态设置：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    getSupportActionBar().hide();
    
    // 设置第二个ImageView初始透明
    ImageView biggerF = (ImageView) findViewById(R.id.secondPic);
    biggerF.setAlpha(0f);
}

2. 动画同步性问题 #

直接调用两个animate()方法可能因线程调度导致动画不同步，推荐用AnimatorSet统一管理动画，确保淡入淡出动作同时执行：

修改你的picChange和back方法：

public void picChange(View view) {
    ImageView youngF = (ImageView) findViewById(R.id.firstPic);
    ImageView biggerF = (ImageView) findViewById(R.id.secondPic);

    AnimatorSet animatorSet = new AnimatorSet();
    // 第一个ImageView淡出
    ObjectAnimator fadeOutYoung = ObjectAnimator.ofFloat(youngF, "alpha", 1f, 0f);
    fadeOutYoung.setDuration(2000);
    // 第二个ImageView淡入
    ObjectAnimator fadeInBigger = ObjectAnimator.ofFloat(biggerF, "alpha", 0f, 1f);
    fadeInBigger.setDuration(2000);

    // 同时执行两个动画
    animatorSet.playTogether(fadeOutYoung, fadeInBigger);
    animatorSet.start();
}

public void back(View view) {
    ImageView youngBack = (ImageView) findViewById(R.id.firstPic);
    ImageView biggBack = (ImageView) findViewById(R.id.secondPic);

    AnimatorSet animatorSet = new AnimatorSet();
    ObjectAnimator fadeOutBigger = ObjectAnimator.ofFloat(biggBack, "alpha", 1f, 0f);
    fadeOutBigger.setDuration(2000);
    ObjectAnimator fadeInYoung = ObjectAnimator.ofFloat(youngBack, "alpha", 0f, 1f);
    fadeInYoung.setDuration(2000);

    animatorSet.playTogether(fadeOutBigger, fadeInYoung);
    animatorSet.start();
}

3. 布局重叠问题 #

如果两个ImageView没在布局里重叠放置，动画执行时只会看到一个消失、另一个显示，不会有过渡效果。请确保用FrameLayout或ConstraintLayout将它们放在完全相同的位置，示例布局如下：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/firstPic"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/your_first_image"/>

    <ImageView
        android:id="@+id/secondPic"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/your_second_image"/>

    <!-- 切换按钮 -->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="切换图片"
        android:onClick="picChange"
        android:layout_gravity="bottom|center"/>

    <!-- 返回按钮 -->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="返回"
        android:onClick="back"
        android:layout_gravity="bottom|end"
        android:layout_margin="16dp"/>
</FrameLayout>

4. 点击事件绑定检查 #

最后确认按钮在布局里正确设置了android:onClick属性，对应到picChange和back方法，不然点击按钮不会触发动画。

按上面的步骤排查修改后，应该就能看到正常的淡入淡出过渡效果了。

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