Android XML Drawable

一、简介

　　Android把任何可绘制在屏幕上的图形图像都称为drawable。drawable是一种抽象的图形，一个继承了Drawable类的子类，或者是一张位图图像。

二、示例

　　　1. 下面通过一些例子感受一下，利用ShapeDrawable创建彩色图形，既然XML Drewable与特定的像素密度无关，因此无需考虑特定像素密度的目录。Drawable的XML文件默认放于res/drawable目录下，利用Drawable和Shape创建一个圆角按钮。创建button_shape_normal.xml文件。

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

    <corners android:radius="10dp" />
    <gradient
        android:angle="90"
        android:endColor="#cccccc"
        android:startColor="#acacac" />

</shape>

　　在style.xml中，修改如下：

<style name="Remote_control_btn_style">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:background">@drawable/button_shape_normal</item>
    </style>

　　这样一个圆角按钮就完成了。

　　2. 下面完成一个按钮在默认状态下的样式，及在点击按钮后的变化样式，再创建一个按钮点击后的Drewable文件button_shape_pressed.xml:

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

    <corners android:radius="10dp" />

    <gradient
        android:angle="270"
        android:endColor="#cccccc"
        android:startColor="#acacac" />

</shape>

　　创建交互式的按钮shape（button_shape.xml）:

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

    <item android:drawable="@drawable/button_shape_pressed"
          android:state_pressed="true" />
    <item android:drawable="@drawable/button_shape_normal"
          android:state_pressed="false" />

</selector>

　　再次修改样式文件style.xml，如下所示：

<style name="Remote_control_btn_style">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:background">@drawable/button_shape</item>
</style>

　　这样，一个通过xml绘制的按钮就完成了。

三、总结

　　使用两张图片做了个selector （tab_item_home.xml）: 

<?xml version="1.0" encoding="utf-8"?>
<selector
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/tab_ic_norm_home" />
    <item android:state_pressed="true" android:drawable="@drawable/tab_ic_sel_home" />
</selector>

　　为ImageView的src或者background设置样式（itemView.xml），

<ImageView
        android:id="@+id/tab_item_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="3dp"
        android:src="@drawable/tab_item_home"/>

　　在运行后，点击总是没有效果，那么，问题出在哪里了呢？

　　在做出如下修改，点击效果就恢复正常了，

<?xml version="1.0" encoding="utf-8"?>
<selector
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/tab_ic_sel_home" />
    <item android:state_selected="true" android:drawable="@drawable/tab_ic_sel_home"/>
    <item android:drawable="@drawable/tab_ic_norm_home" />
</selector>

　　PS: 设置按钮selected状态，在代码中可以动态设置被选中后的持续效果。

　　总结：default(默认)/不点击的图片应该放在最下边，才会有点击效果，不然，只会显示default图片。

四、核心图像资源子类

• BitmapDrawable对象：用于创建、平铺、拉伸以及对齐位图。
• ColorDrawable对象：用于用颜色填充指定的其它各类对象。
• GradientDrawable对象：用于创建并绘制自定义渐变。
• AnimationDrawable对象：用于创建基于帧的动画。
• TransitionDrawable对象：用于创建交叉淡入淡出过渡。
• NinePatchDrawable对象：用于通过定义可拉伸区域来创建可缩放位图。