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

最新推荐文章于 2021-05-26 22:02:08 发布

原创最新推荐文章于 2021-05-26 22:02:08 发布 · 9.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#transition #android #resources #image #xml

Views&Control 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用TransitionDrawable实现两个Drawable之间的过渡效果。通过在XML中定义TransitionDrawable并将其应用于ImageView，实现图片的平滑过渡动画。

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

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

<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了，

	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);

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