Effet de fondu entre les dispositions

Ici est une solution de travail à la croix-de fondu entre 2 mises en page:

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>

Où l1 et l2 sont de 2 à tout hasard mises en page. L'astuce est de les mettre en XML, telles qu'elles se chevauchent les uns les autres (par exemple, dans un RelativeLayout) avec visible /disparu, ajouter des listeners pour les animations pour activer /désactiver la visibilité sur la fin, et de définir le point de vue qui a fondu visible avant le début de l'animation, sinon l'animation ne sera pas visible.

J'ai mis les boutons avec les auditeurs pour basculer de l'animation dans les mises en page elle-même, parce que j'ai besoin de l'appliquer de cette façon, mais l'écouteur de clics peut bien sûr être quelque part d'autre (si c'est seul qu'il doit être utilisé en combinaison avec certains drapeau ou la vérification pour savoir comment activer /désactiver).

Ce sont les fichiers d'animation. Ils doivent être stockés dans le dossier res/anim:

fade_in.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" />

fade_out.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" />

Mise à JOUR:

Au lieu d'utiliser R. anim.fade_in, vous pouvez utiliser la valeur par défaut fade_in de l'API Android (android.R.fade_in):

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

Utilisant android.R.anim.fade_in, vous n'aurez pas besoin de créer le fichier res/anim/fade_in.xml.

Android a un paquet avec quelques animations sur android.R.anim: http://developer.android.com/reference/android/R.anim.html