TransitionDrawable类

我就是我 2023-06-19 05:29 4阅读 0赞

1，介绍：

【1】很多时候我们在实现渐变的动画效果时，都会使用到animation，但实际上我们有既简单又完美的解决方法，没错，它就是TransitionDrawable啦，TransitionDrawable用于实现两个Drawable之间的淡入淡出的效果，

2， 它对应的是<transition&gt标签;其语法如下：

<?xml version="1.0" encoding="utf-8"?>
    <transition
    xmlns:android="http://schemas.android.com/apk/res/android" >
        <item
            android:drawable="@[package:]drawable/drawable_resource"
            android:id="@[+][package:]id/resource_name"
            android:top="dimension"
            android:right="dimension"
            android:bottom="dimension"
            android:left="dimension" />
    </transition>

【1】 语法中的属性比较简单，其中 android:top，android:bottom，android:left，android:right分别表示Drawable四周的偏移量。

【2】 android:id

*  资源ID,drawable资源的唯一标识。使用”@+id/name”方式来给这个item定义一个新的资源ID。可以使用View.findViewById()或者 Activity.findViewById()等方式检索和修改这个item。

3，代码实现

ImageView imageView= (ImageView) findViewById(R.id.tranImage);
    
    
    Bitmap bitmap1= BitmapFactory.decodeResource(getResources(), R.drawable.image1);
    Bitmap bitmap2= BitmapFactory.decodeResource(getResources(), R.drawable.image2);
    final TransitionDrawable td = new TransitionDrawable(new Drawable[] {  new BitmapDrawable(getResources(), bitmap1),
            new BitmapDrawable(getResources(), bitmap2) });
    imageView.setImageDrawable(td);
    td.startTransition(4000);

4，淡入淡出效果：

【1】实现效果：

![20191204191402755.gif][]

【2】background 属性设置图片实现代码：

*  transition\_drawable 文件

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

*  android:background 属性设置图片

<ImageView                                           
        android:id="@+id/image"                          
        android:layout_width="wrap_content"              
        android:layout_height="wrap_content"             
        android:layout_centerInParent="true"             
        android:background="@drawable/transition_drawable"      
    />

*  通过它的startTransition和reverseTransition方法实现淡入淡出效果，代码如下：

TransitionDrawable drawable= (TransitionDrawable) imageView.getBackground();
    drawable.startTransition(4000);

【3】 src设置属性实现代码：

*  transition\_drawable 文件

*   如果在imageView设置的src属性

<ImageView                                           
        android:id="@+id/image"                          
        android:layout_width="wrap_content"              
        android:layout_height="wrap_content"             
        android:layout_centerInParent="true"             
        android:src="@drawable/transition_drawable"      
    />

*  代码控制

TransitionDrawable drawable= (TransitionDrawable) imageView.getDrawable();
    drawable.startTransition(4000);

更多关于Drawable 资料： [https://blog.csdn.net/cricket\_7/category\_9564229.html][https_blog.csdn.net_cricket_7_category_9564229.html]

[20191204191402755.gif]: https://img-blog.csdnimg.cn/20191204191402755.gif
[https_blog.csdn.net_cricket_7_category_9564229.html]: https://blog.csdn.net/cricket_7/category_9564229.html