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的上下左右的偏移量.
待更新...