使用TransitionDrawable实现两张图片的过渡效果

TransitionDrawable 可以用来实现两个Drawable直接的交错渐变的过渡效果。

首先，在xml中定义一个TransitionDrawable，并防止 res/drawable/目录下，取名为: expand_collapse.xml

[java] view
plaincopy

<transition xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/image_expand" />

<item android:drawable="@drawable/image_collapse" />

</transition>

然后就可以在ImageView中使用这个TransitionDrawable了，

[java] view
plaincopy

<span style="white-space:pre"> </span>Resources res = getResources();

TransitionDrawable transition = (TransitionDrawable)res.getDrawable(R.drawable.expand_collapse);

ImageView image = (ImageView) findViewById(R.id.toggle_image);

image.setImageDrawable(transition);

transition.startTransition(1000);

这样就实现了两张图片的过渡效果。

PS：在这里两张图片渐变完后，渐变的第一张图片还是会在ImageView中显示，只是被第二张图片给盖住了。。。