AnimatedListStateDrawable的简单使用

本篇是关于Drawable的第十三篇的博客，主要讲述如何实现点击动画，这里的动画主要是使用帧动画。详细的情况还是看代码吧！！

老规矩还是看一下效果图：



这里没有没有使用rippleDrawable，看不出点击反馈的效果，但是还是可以看出点击动画切换的！！

主布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.animatedstatelistdrawable.MainActivity">

<ImageView
android:id="@+id/iv"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_gravity="center_vertical|center_horizontal"
android:background="@drawable/animated_list_state_drawable"
android:clickable="true" />

</LinearLayout>

animated_list_state_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<animated-selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/off" android:drawable="@drawable/first" android:state_pressed="false"/>
<item android:id="@+id/on" android:state_pressed="true" android:drawable="@drawable/fifth"/>
<transition
android:fromId="@id/off"
android:toId="@id/on">
<animation-list >
<item android:drawable="@drawable/first" android:duration="100"/>
<item android:drawable="@drawable/second" android:duration="100"/>
<item android:drawable="@drawable/third" android:duration="100"/>
<item android:drawable="@drawable/fourth" android:duration="100"/>
<item android:drawable="@drawable/fifth" android:duration="100"/>
</animation-list>
</transition>

</animated-selector>

java文件：

package com.example.animatedstatelistdrawable;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}

在UI状态为未按下时，背景为first，在UI状态改变为按下的时候，开始执行过渡动画，并且按下状态的最终背景为fifth。在这里没有监控UI的其他的状态，有兴趣的朋友可以自己定义一下UI其他状态改变的过渡动画。

代码也很简单，跟StatelistDrawable的使用方法跟相似，只是多了一个transition标签，这个标签里包含的就是一个帧动画，UI状态改变的时候，会直接执行这个帧动画。在这里就不多说了（关键我对这个用的不是很多，不知道怎么说）！！！

这是我的微信公众号，如果可以的话，希望您可以帮忙关注一下，这将是对我最大的鼓励了，谢谢！！



源码地址：

https://github.com/zhuyuqiang2017/MateriaDesign