关于对android中的transition标签的简单解读

以下是我的个人对这个标签的理解：
transition这个标签可以实现图片的淡入淡出的效果
不过只能在两张图片中淡入淡出
以下使用androidstudio进行演示：

注意，以下为简单实现！

首先要创建一个xml资源文件，在项目目录下的Res ->drawable右键，New->新建一个Drawable resource file文件如下图所示：

弹出界面，在Root element中输入transition，设置根标签为transition，文件名称自拟，这里直接命名为transition，再点击OK

在新建的xml文件中，有初始给出的transition根标签，我们需要在标签内部新建两个item子标签，这两个自标签是用来承载图片的，以下为简单实现，所以只使用item的drawable属性，该属性指向所需图片的路径，这里使用颜色代替图片

<?xml version="1.0" encoding="utf-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/colorAccent"></item>
    <item android:drawable="@color/colorPrimary"></item>
</transition>

这里注意，默认显示的图片和item的排放顺序有关，这里默认显示第一个item
创建完成的xml文件其实就可以直接当成普通的图片使用了
接下来我们需要有一个activity来演示效果
新建一个activity文件，使用的布局修改为如下所示：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp"
        android:src="@drawable/transition" />

    <Button
        android:id="@+id/bt_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/iv"
        android:layout_marginTop="20dp"
        android:onClick="start"
        android:text="start" />

    <Button
        android:id="@+id/bt_2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/bt_1"
        android:layout_marginTop="20dp"
        android:onClick="back"
        android:text="back" />

</RelativeLayout>

可以看出，其中imageview的src就是刚刚创建的xml文件的路径
这里使用RelativeLayout方便定位位置，并不是强制要求，使用其他布局也是可以的
以下为布局效果：

如图可以看出，只有第一个item显示出来了
接着修改activity中的代码：

public class MainActivity extends AppCompatActivity {
    private ImageView imageView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView = findViewById(R.id.iv);
    }

    public void start(View view) {
        //将imageView中的Drawable获取出来，由于该Drawable是trainsition标签做根标签
    	//所以强制类型转换为TransitionDrawable，就可以使用淡入淡出的功能
        TransitionDrawable drawable = (TransitionDrawable) imageView.getDrawable();
        //这里可以设置渐变的时间间隔，这里设置为1000毫秒，就是一秒
        //第一张图片淡出，第二张图片淡入
        //连续点击都会是一样得效果
        drawable.startTransition(1000);
    }
    
    public void back(View view) {
        TransitionDrawable drawable = (TransitionDrawable) imageView.getDrawable();
        //原理同上
        //当前图片淡出，另一张图片淡入
        //连续点击会呈现不一样的效果
        drawable.reverseTransition(1000);
    }


}

最后运行，点击界面中的start和back，就可以看到淡入淡出的效果