Drawable解析4——StateListDrawable和AnimationDrawable-白红宇

1、估计StateListDrawable是大家用的最多一个drawable了，所有的控件背景基本上都使用了StateListDrawable，以实现其在不同状态下显示不同的效果，例如按钮的按下、选中、默认、禁用等多种模式状态。StateListDrawable用于管理一组drawable，每个drawable都对应一组状态，状态的选择类似于java中的switch-case组合，按照顺序比较状态，当遇到匹配的的状态，就返回对应的drawable，因此需要把最精确的匹配放置到最前面，整体按照从精确到粗略的顺序排列。在xml文件中使用selector作为根节点来定义StateListDrawable，并使用item作为子节点定义不同状态下的drawable。selector和item的属性如下：

定义一个state_list_drawable.xml

<?xml version="1.0" encoding="utf-8"?>

</selector>

当然我也可以不使用drawable，直接使用颜色也可以，编写state_list_color.xml

<?xml version="1.0" encoding="utf-8"?>

</selector>

在activity_main.xml中为一个Button和EditText分别设置背景

<Button

android:id="@+id/button2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/state_list_drawable"

android:text="按键效果" />

<EditText

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textColor="@drawable/state_list_color" >

</EditText>

2、AnimationDrawable代表一个动画，既支持逐帧动画又支持补间动画（补间动画已经属于动画的范畴了，但既然他也是Drawable，那就说一下吧）。先说下帧动画的使用方法，在xml文件中使用animation-list作为根节点定义AnimationDrawable，使用Item设置进行播放发每一帧所需的Drawable资源。可以使用android：oneshot属性设置是否循环播放。

写个例子：

android:oneshot="false">

android:duration="300"/>

android:duration="300"/>

android:duration="300"/>

</animation-list>

定义了AnimationDrawable之后，需要主动调用AnimationDrawable的start方法播放动画，注意在onCreate方法中调用start方法是没有任何效果的，这是因为此时View还没有完成初始化，可以使用handler来实现延迟播放动画，代码如下：

mHandler.postDelayed(new Runnable() {

public void run() {

(mAnimationDrawable.start();

}

}, 300);

再说下补间动画的使用，补间动画使用set作为根节点进行定义，结构如下：

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android"

android:interpolator="@[package:]anim/interpolator_resource"

android:shareInterpolator=["true"|"false"]

android:duration="持续时间">

<alpha/>设置透明度的改变

<scale/>设置图片进行缩放改变

<translate/>设置图片进行位移变换

<rotate/>设置图片进行旋转

举个例子，在res\anim\my_anim.xml定义

<?xml version="1.0" encoding="UTF-8"?>

<set xmlns:android=""

android:interpolator="@android:anim/linear_interpolator"

android:duration="5000">

<scale android:fromXScale="1.0"

android:toXScale="1.4"

android:fromYScale="1.0"

android:toYScale="0.6"

android:pivotX="50%"

android:pivotY="50%"

android:fillAfter="true"

android:duration="2000"

<translate android:fromXDelta="10"

android:toXDelta="130"

android:fromYDelta="30"

android:toYDelta="-80"

android:duration="2000"

</set>

在java代码中如下调用

mImageView2 = (ImageView) findViewById(R.id.imageView2);

mAnimationDrawable2=AnimationUtils.loadAnimation(this, R.anim.my_anim);

// 设置动画结束后保留结束状态

mAnimationDrawable2.setFillAfter(true);

mButton1.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

mImageView2.startAnimation(mAnimationDrawable2);

}

});

看下最终效果吧：