Android下的Drawable使用

Drawable表示一种可绘制的内容,可以由图片或者颜色组成.Android下的Drawable有BitmapDrawable、GradientDrawable、LayerDrawable等等

1.BitmapDrawable

它表示一张图片,我们可以直接将图片放在drawable目录下,该图片就可以直接作为drawable引用,当然也可以用xml的方式来描述一张图片.

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

<bitmap

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

    //图片的路径,必须提供,引用mipmap下的图片是没有提示的,手动补全是可以使用的,不知道为什么

    android:src="@mipmap/miku"

    //抗锯齿,使图片更平滑,开不开都没关系,说实话看不出来差别

    android:antialias="true"

    //抖动效果,在低质量的设备上提供较好的显示效果,推荐true,

    android:dither="true"

    //图片的透明度,取值0.0f~1.0f,0完全透明,1不透明

    android:alpha="1"

    //平铺模式,clamp:底部像素延伸,mirror:水平和竖直镜像平铺,repeat:水平和竖直方向平铺

    //注意:如果设置为ImageView的src属性,则不会出现这些效果,做View的背景才能看到

    android:tileMode="clamp"

    //开启过滤,当图片被拉伸或压缩的时候能保持较好的效果,推荐true

    android:filter="true"

    //对齐方式,当图片的宽高小于容器View的宽高时从哪个方向开始显示,参考TextView的文字对齐方式

    android:gravity="top"

    //色调,99.99%的情况都不需要设置,需要配合tintMode一起使用,不然设置的颜色会挡住图片

    android:tint="#39c5bb"

    //色调模式,取值:multiply、src_over、screen等等,不少取值会遮盖住图片

    android:tintMode="src_over">

</bitmap>

tileMode = "clamp"

tileMode = "repeat"

tileMode = "mirror"

tint = "#39c5bb" + tintMode = "multiply"

2.ShapeDrawable

ShapeDrawable是指在xml文件中的shape标签,实际对应的类是 GradientDrawable,它表示一个图形.

跟BitmapDrawable一致的属性就不详细说明了.

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

<shape

    //图形的基本形状,默认是矩形,取值: rectangle、oval,line,ring

    android:shape="rectangle"

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

    >

    //描边,边宽度,边颜色,line和ring必须设置这个,否则无法正常显示

    //dashWidth需要配合dashGap一起使用,两个值都不为0,会显示虚线效果

    <stroke android:width="5dp" android:color="#39c5bb"/>

    //填充色,决定了形状的整体颜色

    <solid android:color="#000"/>

    //指定形状的宽高,未指定size,getIntrinsicWidth()等方法返回-1

    <size android:width="100dp" android:height="100dp"/>

    //可以实现圆角效果的半径,对于矩形,则四个角都会改变,也可以单独设置两个角的圆角效果

    //bottomLeftRadius、bottomRightRadius...

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

    //渐变色,该节点和solid冲突,只能有一个,具体效果见下图

    //angle:会影响渐变的方向,该值需要是45的倍数

    //centerColor:渐变的中间色

    //startColor:渐变的起始色

    //endColor:渐变的结束色

    //type:渐变的类型,取值:sweep(扫描渐变,想象一下雷达)、radial(径向渐变)、linear(线性渐变,默认)

    //gradinetRaduis:只有type = "radial"有效,渐变半径

    //useLevel:一般false,作为StateListDrawable为true

    //centerY:渐变中心点的Y坐标,会影响渐变效果

    //centerX:渐变中心点的X坐标,会影响渐变效果

    <gradient android:angle="45" android:centerColor="#f00" android:startColor="#fff" android:endColor="#000"/>

</shape>

3.LayerDrawable

它表示一个拥有层次化的Drawable集合,对应标签是layer-list.它可以包含多个drawable,通过LayerDrawable可以实现一些叠加的效果.

比如:

对于上图的效果要设置给ImageView的src属性才能看到效果.

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

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    //item 表示一个drawable对象,也可以通过android:drawable属性来引用一个现有drawable对象

    //

    <item>

        //可以设置一个drawable的旋转角度,pivotY,pivotX旋转的偏移量

        <rotate android:fromDegrees="90">

            <shape android:shape="rectangle">

                <solid android:color="#ff0000"/>

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

		//这里设置的width和height对于View来说是没有任何意义的,它会按照View的大小来自适应

                <size android:height="20dp" android:width="300dp"/>

            </shape>

        </rotate>

    </item>

    <item>

        <rotate android:fromDegrees="45">

            <shape android:shape="rectangle">

                <solid android:color="#00ff00"/>

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

                <size android:height="20dp" android:width="300dp"/>

            </shape>

        </rotate>

    </item>

    <item>

        <rotate android:fromDegrees="135">

            <shape android:shape="rectangle">

                <solid android:color="#0000ff"/>

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

                <size android:height="20dp" android:width="300dp"/>

            </shape>

        </rotate>

    </item>

    <item>

        <rotate android:fromDegrees="180">

            <shape android:shape="rectangle">

                <solid android:color="#39c5bb"/>

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

                <size android:height="20dp" android:width="300dp"/>

            </shape>

        </rotate>

    </item>

</layer-list>

比较常用的属性有android:left、android:top、android:right、android:bottom,分别表示drawable相对于View的上下左右的偏移量.

待更新...