Drawable类及XMLDrawable的使用

一.性质

可直接使用.png、.jpg、.gif、9.png等图片作为资源,也可使用多种XML文件作为资源。（就是这些资源都能生成Drawable对象）。并对XML文件作出相关处理

二.XMLDrawable

1.StateListDrawable

作用：StateListDrawable对象所显示的Drawable对象会随着目标组件状态的改变而改变

组成：

根元素<selector/>，子元素<item/>

子元素<item/>的属性：android:color或android:drawable

android:state_xxx:状态

举例：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false"
          android:drawable="@mipmap/start"/>
    <item android:state_pressed="true"
          android:drawable="@mipmap/start_down"/>
</selector>

相关目标组件的状态不列出来

2.LayerDrawable

作用：可包含一个Drawable数组，系统会按照Drawable对象的数组顺序绘制，索引越大越被绘制在上层

根元素：<layer-list>  子元素：<item/>

子元素的属性：android:drawable 作为LayerDrawable的Drawable对象

android:id 为Drawable对象指定标识符

android:buttom|top...等 指定Drawable的绘制位置

实例1：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--调用android自带的id修改,利用@android:id 修改父style的background-->
    <item android:drawable="@mipmap/p_1"
          android:id="@android:id/background"/>
    <item android:drawable="@mipmap/p_2"
          android:id="@android:id/progress"/>
</layer-list>

实例2：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--可以在item里面创建各种各样的XMLDrawable-->
    <item>
        <bitmap android:src="@mipmap/p_3"
                android:gravity="center"/>
    </item>
    <item>
        <bitmap android:src="@mipmap/p_4"
                android:gravity="center"/>
    </item>
</layer-list>

3.ShapeDrawable

作用：设置一个基本的几何图形（矩形、圆形、线条灯）

根元素：<shape/>    根元素的属性：android:shape=["rectangle"|"oval"|"line"|"ring"]

子元素：<corners/>：设置整体或者四个边角的弧度

<gradient/>:渐变（可选择渐变的角度但必须是45的倍数，默认为0，渐变的中心点，渐变的类型，渐变的半径和开始和终止的颜色）

<padding/>:内边距 （可以控制四周的边距）

<size/>:形状的大小 （设置形状的宽高）

<solid/>:单种颜色填充

<stroke/>:绘制边框 （可设置画笔的颜色和粗细 并 设置每画一条线的长度和间距且必须两者都设置才有效）

详情参照：http://blog.csdn.net/lonelyroamer/article/details/8254592

实例：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="3dp"/>
    <padding android:left="7dp"
             android:right="7dp"
             android:bottom="7dp"
             android:top="7dp"/>
    <gradient android:angle="45"
              android:startColor="#0000"
              android:endColor="#ffff"/>
</shape>

4.ClipDrawable

作用：从Drawable上截取一个“图片片段”

根元素：<clip>  不使用子元素。

根元素属性： android:drawable: 选定Drawable对象

android:clipOrientation:指定截取方向

android:gravity:从什么地方开始截取

总结：选定图片并选择方向与位置截取图片

使用：从java中获取ClipDrawable并用setLevel()改变截取大小 //setLevel()只能从0~10000

<!--res/drawable/test_clip.xml-->
<clip xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@mipmap/start"
    android:clipOrientation="horizontal"
    android:gravity="center">
</clip>

<!--res/layout/activity_main.xml-->
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.chen.android.test.MainActivity">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/test_clip"/>
</LinearLayout>

/*实现图片渐渐展开的效果*/
public class MainActivity extends AppCompatActivity {
    int data = 0;
    int what = 0X11;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView img = (ImageView)findViewById(R.id.imageView);
        //ImageView.getDrawable()获取的是当前控件里的图片，返回的是Drawable类型,还有说明Drawable对象可随意变成子对象并调用子对象的方法
        final ClipDrawable clipDrawable = (ClipDrawable)img.getDrawable();
        //创建Handler等待计时器传送的信息，使图片扩展
        final Handler mHandler = new Handler(){

            @Override
            public void handleMessage(Message msg) {
                super.handleMessage(msg);
                if (msg.what == what){
                    clipDrawable.setLevel(data);//扩大截取的图片面积
                    data += 200;
                }

            }
        };
        //创建计时器
        final Timer timer = new Timer();
        timer.schedule(new TimerTask() {
            @Override
            public void run() {
                if (data >= 10000){
                    timer.cancel();
                }
                mHandler.obtainMessage(what).sendToTarget();
            }
        },0,300);
    }
}

5.AnimationDrawable

简介：放在res/anim下，支持逐帧动画和补间动画

根元素：<set>   根元素属性：android:interpolator="参数"

参数：@android:anim/ 为开头 选择 linear_interpolator：匀速变换 | accelerate_interpolar：加速变换 | decelerate_interpolator：减速变换

android:shareInterpolator= "true|false" ：是否让资源的interpolator与根元素相同

android:duration="时间"：定义持续时间

子元素(同样可以设置duration)：<alpha>：设置开始和结束的透明度

<scale>：设置缩放的中心、开始的X，Y的尺寸和结束时X,Y的尺寸

<translate>：设置图片的开始位置和结束位置进行位移

<rotate>：设置旋转的中心、开始的角度和结束时候的角度

注意：利用android:fillAfter="true|false"：设置保留后的状态（哪个状态想保留就用这个，如果都像就放在<set>中）

使用：利用AnimationUtils的静态方法loadAninmation(Context context,int resId)

<!--在res/anim/test_animtaion中-->
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator"
    android:shareInterpolator="true"
    android:fillAfter="true">

    <alpha android:fromAlpha="50.0"
           android:toAlpha="100.0"
           />
    <scale android:pivotX="50%"
           android:pivotY="50%"
           android:fromXScale="1.0"
           android:fromYScale="1.0"
           android:toXScale="1.5"
           android:toYScale="1.5"
           android:duration="3000"
           />
    <translate android:fromXDelta="30"
               android:toXDelta="300"
               android:fromYDelta="40"
               android:toYDelta="90"
        android:duration="3000"/>

</set>

/*实现动画*/
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView img = (ImageView)findViewById(R.id.imageView);

        /*利用工具类获取对象*/
        Animation animation= AnimationUtils.loadAnimation(this,R.anim.test_animation);
        /*将动画附加在图片上*/
        img.startAnimation(animation);
    }
}