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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值