本篇是关于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状态改变的时候,会直接执行这个帧动画。在这里就不多说了(关键我对这个用的不是很多,不知道怎么说)!!!
这是我的微信公众号,如果可以的话,希望您可以帮忙关注一下,这将是对我最大的鼓励了,谢谢!!
源码地址: