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

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

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

[java] view plaincopy

1. <transition xmlns:android="http://schemas.android.com/apk/res/android">  
2.     <item android:drawable="@drawable/image_expand" />  
3.     <item android:drawable="@drawable/image_collapse" />  
4. </transition>  

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

[java] view plaincopy

1. <span style="white-space:pre">  </span>Resources res = getResources();  
2.         TransitionDrawable transition = (TransitionDrawable)res.getDrawable(R.drawable.expand_collapse);  
3.   
4.         ImageView image = (ImageView) findViewById(R.id.toggle_image);  
5.         image.setImageDrawable(transition);  
6.           
7.         transition.startTransition(1000);  

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

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