作为对象，我会在两个布局之间重现淡入淡出效果。 现在我有这种情况:

LinearLayout l;
LinearLayout l2;

为了在它们之间切换，我使用了

l.setVisibility(View.GONE);
l2.setVisibility(View.VISIBLE);

我想在这个转换之间添加淡入淡出效果，我该怎么做？

最佳答案

这是在 2 种布局之间交叉淡入淡出的有效解决方案:

public class CrossFadeActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.crossfade);

    final View l1 = findViewById(R.id.l1);
    final View l2 = findViewById(R.id.l2);

    final Animation fadeOut = AnimationUtils.loadAnimation(CrossFadeActivity.this, R.anim.fade_out);
    final Animation fadeIn = AnimationUtils.loadAnimation(CrossFadeActivity.this, R.anim.fade_in);

    findViewById(R.id.button1).setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            fadeOut.setAnimationListener(new AnimationListener() {
                @Override
                public void onAnimationStart(Animation animation) {
                }

                @Override
                public void onAnimationRepeat(Animation animation) {
                }

                @Override
                public void onAnimationEnd(Animation animation) {
                    l1.setVisibility(View.GONE);
                }
            });
            l1.startAnimation(fadeOut);
            l2.setVisibility(View.VISIBLE);
            l2.startAnimation(fadeIn);
        }
    });
    findViewById(R.id.button2).setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            fadeOut.setAnimationListener(new AnimationListener() {
                @Override
                public void onAnimationStart(Animation animation) {
                }

                @Override
                public void onAnimationRepeat(Animation animation) {
                }

                @Override
                public void onAnimationEnd(Animation animation) {
                    l2.setVisibility(View.GONE);
                }
            });
            l2.startAnimation(fadeOut);
            l1.setVisibility(View.VISIBLE);
            l1.startAnimation(fadeIn);
        }
    });
}
}

crossfade.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<LinearLayout
    android:id="@+id/l1"
    android:layout_width="fill_parent"
    android:layout_height="300dip"
    android:orientation="vertical" 
    android:background="@drawable/someimage"
    >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

</LinearLayout>

<RelativeLayout
    android:id="@+id/l2"
    android:layout_width="fill_parent"
    android:layout_height="300dip"
    android:orientation="vertical" 
    android:background="@drawable/someimage2"
    android:visibility="gone"
    >

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" 
        android:layout_centerInParent="true"
        />

</RelativeLayout>

</RelativeLayout>

其中 l1 和 l2 是 2 个随机示例布局。诀窍是将它们放在 XML 中，使它们相互重叠(例如在 RelativeLayout 中)可见/消失，向动画添加监听器以在完成时切换可见性，并将必须淡入的 View 设置为可见之前动画开始，否则动画将不可见。

我将按钮与监听器放在一起，以在布局本身中切换动画，因为我需要以这种方式实现它，但点击监听器当然可以在其他地方(如果它只是一个，则应与一些组合使用标记或检查以了解如何切换)。

这些是动画文件。它们必须存储在文件夹 res/anim 中:

淡入淡出.xml

<?xml version="1.0" encoding="UTF-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:fillAfter="true"
android:fromAlpha="0.0"
android:toAlpha="1.0" />

淡出.xml

<?xml version="1.0" encoding="UTF-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:fillAfter="true"
android:fromAlpha="1.0"
android:toAlpha="0" />

更新:

除了使用 R.anim.fade_in，您还可以使用 Android API (android.R.fade_in) 中的默认 fade_in:

final Animation fadeIn = AnimationUtils.loadAnimation(CrossFadeActivity.this, android.R.anim.fade_in);

使用 android.R.anim.fade_in，您将不需要创建文件 res/anim/fade_in.xml。

Android 在 android.R.anim 上有一个包含一些有用动画的包:http://developer.android.com/reference/android/R.anim.html

关于java - 布局之间的淡入淡出效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4533731/