android中的drawable资源

安卓中的drawable资源位我们在开发过程中提供了很大的便利之处，所以在此要做一下小小的总结。

一.StateListDrawable

1,用于组织多个Drawable对象

指定selector，每一个状态的Drawable被定义到一个item中

2,主要的属性

 

android:state_activated 已激活状态

 

android:state_active 是否处于激活

 

android:state_checkable 是否处于勾选

 

android:state_checked 已勾选

 

android:state_enabled 是否可用

 

android:state_first 是否处于开始

 

android:state_focused 是否已得焦点

 

android:state_last 是否处于结束

 

android:state_middle 是否处于中间

 

android:state_pressed 是否处于已按下

 

android:state_selected 是否处于已选中状态

 

android:state_window_focused 是否窗口已获得焦点

在drawable中的xml文件

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    
    <item android:state_selected="true" android:drawable="@drawable/tab_address_pressed"/>
    <item android:state_selected="false" android:drawable="@drawable/tab_address_normal"/>
    <item android:state_press="false" android:drawable="@drawable/ic_preference_pressed"/>
    <item android:state_press="true" android:drawable="@drawable/ic_preference_first_normal"/>

</selector>

　　在layout的xml中引用

 android:drawableTop="@drawable/tab_address"

二.LayerDrawable

　　使用LayoutDrawable要在drawable下的layer-list标签中使用

drawable中配置的文件,seek.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 定义seekbar的背景颜色 ,id应为系统自带的 android:id="@android:id/background"-->
    <item
        android:id="@android:id/background"
        android:drawable="@drawable/lbs_popup_female"/>

    <!-- 定义seekbar滑动后的背景颜色 ，id应为系统自带的id， android:id="@android:id/progress"-->

    <item
        android:id="@android:id/progress"
        android:drawable="@drawable/lbs_popup_female_selected"/>

</layer-list>

seek_image.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<!--     定义第一个背景图片 ,并且bitmap的位置要居中,让其在中心位置变化,不然它会拉伸-->
    <item>
        <bitmap
            android:gravity="center"
            android:src="@drawable/ic_launcher" />
    </item>
    
    <!-- 定义第一个背景图片,并且让它向左和上浮动20dp -->
    <item
        android:left="20dp"
        android:top="20dp">
        <bitmap
            android:gravity="center"
            android:src="@drawable/ic_launcher" />
    </item>
    
        <!-- 定义第一个背景图片,并且让它向左和上浮动40dp -->
    <item
        android:left="40dp"
        android:top="40dp">
        <bitmap
            android:gravity="center"
            android:src="@drawable/ic_launcher" />
    </item>

</layer-list>

seek_image.xml中没有设置android:gravity="center"的效果与配置了的效果对比

layout中xml文件

 1  <SeekBar
 2         android:id="@+id/seekBar1"
 3         android:layout_width="match_parent"
 4         android:layout_height="50dp" 
 5         android:progressDrawable="@drawable/seek"/>
 6 
 7     <ImageView
 8         android:id="@+id/imageView1"
 9         android:layout_width="wrap_content"
10         android:layout_height="wrap_content"
11         android:layout_below="@+id/seekBar1"
12         android:layout_centerHorizontal="true"
13         android:src="@drawable/seek_image" />

三.ShapeDrawable

　　1，根标签使用sharp,并且在根标签中药定义sharp的类型，

• rectangle---矩阵，这也是默认的sharp
• oval--------椭圆
• line --------一条水平的直线，这个sharp必须使用<stroke/>元素来定义这个线的宽度
• ring--------圆环

  　　实例：<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

　　2，sharp中的属性

<corners
        android:radius="integer"
        android:topLeftRadius="integer"
        android:topRightRadius="integer"
        android:bottomLeftRadius="integer"
        android:bottomRightRadius="integer" />
    <gradient
        android:angle="integer"
        android:centerX="integer"
        android:centerY="integer"
        android:centerColor="integer"
        android:endColor="color"
        android:gradientRadius="integer"
        android:startColor="color"
        android:type=["linear" | "radial" | "sweep"]
        android:useLevel=["true" | "false"] />
    <padding
        android:left="integer"
        android:top="integer"
        android:right="integer"
        android:bottom="integer" />
    <size
        android:width="integer"
        android:height="integer" />
    <solid
        android:color="color" />
    <stroke
        android:width="integer"
        android:color="color"
        android:dashWidth="integer"
        android:dashGap="integer" />

• corners是为Shape创建一个圆角，只有shape是rectangle时候才使用。
• gradient是设置渐变效果的
• padding是 内容与视图边界的距离
• size是sharp的大小
• solid是用来填充sharp的纯色
• stroke是这个shape使用的笔画，当android:shape="line"的时候，必须设置改元素。

 drawabl文件中,sharp1.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    
    <!-- gradient是创建渐变，angle是渐变为45度角 --> 
    <gradient
        android:angle="45"
        android:endColor="#F69"
        android:startColor="#E83" />

    <!-- 设置圆角，只有share为rectangle的时候才能使用corners属性 -->
    <corners android:radius="45dp" />
    <padding 
        android:left="30dp"
        android:right="30dp"
        android:top="30dp"/>

</shape>

sharp2.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >

    <gradient
        android:centerColor="#0F0"
        android:endColor="#00F"
        android:startColor="#F00" />

</shape>

layout中应用

<TextView 
            android:layout_width="match_parent"
            android:layout_height="90dp"
            android:background="@drawable/sharp1"
            android:gravity="center"
            android:text="渐变风格1"/>
        <TextView 
            android:layout_width="match_parent"
            android:layout_height="90dp"
            android:background="@drawable/sharp2"
            android:gravity="center"
            android:text="渐变风格2"/>

效果图：

 四,clipDrawable

　　drawable中的配置文件 , clip.xml

<?xml version="1.0" encoding="utf-8"?>
<clip xmlns:android="http://schemas.android.com/apk/res/android"
    android:clipOrientation="horizontal"
    android:drawable="@drawable/a"
    android:gravity="left" >

<!-- 在clip中直接设置属性,clipOrientation表示水平运动,gravity="left",表示图片从左边开始展开,类似于卷轴的打开 -->
</clip>

　　layout文件中引用配置文件

<ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/clip" /> 

　　java代码：

import java.util.Timer;
import java.util.TimerTask;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.Window;
import android.widget.ImageView;

public class MainActivity extends Activity {
    private static final int TAG=1;
    @SuppressLint("HandlerLeak")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        ImageView image=(ImageView) findViewById(R.id.imageView1);
        ////获取图片所显示的ClipDrawble对象
        final Drawable drawable = image.getDrawable();
        
        //用Handler跟新消息
        final Handler handler=new Handler(){
            @Override
            public void handleMessage(Message msg) {
                //设置drawable的level值
                drawable.setLevel(drawable.getLevel()+200);
                super.handleMessage(msg);
            }
        };
        
        final Timer timer=new Timer();
        timer.scheduleAtFixedRate(new TimerTask() {
            
            @Override
            public void run() {
                Message msg=new Message();
                msg.what=TAG;
                handler.sendMessage(msg);
                //level的取值为0-10000，大于其值就取消定时器
                if (drawable.getLevel()>10000) {
                    timer.cancel();
                }
            }
        }, 0, 300);
        
    }

}

效果图展示：

五,AnimationDrawable

　　此资源是在res下的anim文件夹中配置xml文件的

　　animation的动画效果有四种：

• alpha ------>渐变透明度动画效果
• scale------->渐变缩放动画效果
• translate--->位置的移动效果
• rotate------>旋转效果

　　1,alpha　　

<alpha xmlns:android="http://schemas.android.com/apk/res/android" > 
　　android:fromAlpha="0.1" 
　　android:toAlpha="1.0" 
　　android:duration="3000" 
　　/> 　　

　　<!-- 透明度控制动画效果 alpha
        浮点型值：
            fromAlpha 属性为动画起始时透明度
            toAlpha   属性为动画结束时透明度
            说明:
                0.0表示完全透明
                1.0表示完全不透明
            以上值取0.0-1.0之间的float数据类型的数字

        长整型值：
            duration  属性为动画持续时间
            说明:
                时间以毫秒为单位
-->

　　2,scale

<?xml version="1.0" encoding="utf-8"?> 
<scale xmlns:android="http://schemas.android.com/apk/res/android"
   
          android:interpolator "@android:anim/accelerate_decelerate_interpolator" 
          android:fromXScale="0.0" 
          android:toXScale="1.4" 
          android:fromYScale="0.0" 
          android:toYScale="1.4" 
          android:pivotX="50%" 
          android:pivotY="50%" 
          android:fillAfter="false" 
          android:duration="700" /> 

<!-- 尺寸伸缩动画效果 scale
       属性：interpolator 指定一个动画的插入器
        在我试验过程中，使用android.res.anim中的资源时候发现
        有三种动画插入器:
            accelerate_decelerate_interpolator  加速-减速 动画插入器
            accelerate_interpolator        加速-动画插入器
            decelerate_interpolator        减速- 动画插入器
        其他的属于特定的动画效果
      浮点型值：

            fromXScale 属性为动画起始时 X坐标上的伸缩尺寸
            toXScale   属性为动画结束时 X坐标上的伸缩尺寸

            fromYScale 属性为动画起始时Y坐标上的伸缩尺寸
            toYScale   属性为动画结束时Y坐标上的伸缩尺寸

            说明:以上四种属性值
                    0.0表示收缩到没有
                    1.0表示正常无伸缩
                    值小于1.0表示收缩
                    值大于1.0表示放大

            pivotX     属性为动画相对于物件的X坐标的开始位置
            pivotY     属性为动画相对于物件的Y坐标的开始位置

            说明:以上两个属性值 从0%-100%中取值
             50%为物件的X或Y方向坐标上的中点位置

        长整型值：
            duration  属性为动画持续时间
            说明:   时间以毫秒为单位

        布尔型值:
            fillAfter 属性 当设置为true ，该动画转化在动画结束后被应用
   -->

　　3,translate

<?xml version="1.0" encoding="utf-8"?> 
<translate xmlns:android="http://schemas.android.com/apk/res/android"

android:fromXDelta="30" 
android:toXDelta="-80" 
android:fromYDelta="30" 
android:toYDelta="300" 
android:duration="2000" 
translate/> 

　　<!-- translate 位置转移动画效果
        整型值:
            fromXDelta 属性为动画起始时 X坐标上的位置
            toXDelta   属性为动画结束时 X坐标上的位置
            fromYDelta 属性为动画起始时 Y坐标上的位置
            toYDelta   属性为动画结束时 Y坐标上的位置
            注意:
                     没有指定fromXType toXType fromYType toYType 时候，
                     默认是以自己为相对参照物
        长整型值：
            duration  属性为动画持续时间
            说明:   时间以毫秒为单位
-->

　　4,rotate

<?xml version="1.0" encoding="utf-8"?> 
<rotate xmlns:android="http://schemas.android.com/apk/res/android" 

        android:interpolator="@android:anim/accelerate_decelerate_interpolator" 
        android:fromDegrees="0" 
        android:toDegrees="+350" 
        android:pivotX="50%" 
        android:pivotY="50%" 
        android:duration="3000" /> 

<!-- rotate 旋转动画效果
       属性：interpolator 指定一个动画的插入器
             在我试验过程中，使用android.res.anim中的资源时候发现
             有三种动画插入器:
                accelerate_decelerate_interpolator   加速-减速 动画插入器
                accelerate_interpolator               加速-动画插入器
                decelerate_interpolator               减速- 动画插入器
             其他的属于特定的动画效果

       浮点数型值:
            fromDegrees 属性为动画起始时物件的角度
            toDegrees   属性为动画结束时物件旋转的角度 可以大于360度

            说明:
                     当角度为负数——表示逆时针旋转
                     当角度为正数——表示顺时针旋转
                     (负数from——to正数:顺时针旋转)
                     (负数from——to负数:逆时针旋转)
                     (正数from——to正数:顺时针旋转)
                     (正数from——to负数:逆时针旋转)

            pivotX     属性为动画相对于物件的X坐标的开始位置
            pivotY     属性为动画相对于物件的Y坐标的开始位置

            说明:        以上两个属性值 从0%-100%中取值
                         50%为物件的X或Y方向坐标上的中点位置

        长整型值：
            duration  属性为动画持续时间
            说明:       时间以毫秒为单位
-->

注意：

以上四种效果是单独使用的，如果想叠加效果在可以在set标签下设置多种效果

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <alpha
        android:duration="4000"
        android:fromAlpha="0.1"
        android:toAlpha="1.0" />
    <translate 
        android:fromXDelta="10"
        android:toXDelta="10"
        android:fromYDelta="0"
        android:toYDelta="200"  
        android:duration="4000"/>

</set>

最后在java代码中开启我们的动画

import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;

public class AnimationActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_animation);
        final ImageView image=(ImageView) findViewById(R.id.imageView1);
        //加载动画资源
        Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha);
        //设置动画结束后保留结束的状态
        animation.setFillAfter(true);
        //让图片开始动画
        image.startAnimation(animation);
    }

}

动画效果截图不方便，就不留图片了。