导语
Drawable表示的是一种可以在Canvas上进行绘制的抽象概念,它的种类有很多,最常见的就是颜色和图片。优点:使用简单,比自定义View成本低很多,非图片类型的Drawable占用空间较小。本章中,首先描述Drawable的层次关系,接着介绍Drawable的分类,最后介绍自定义Drawable相关的知识。
主要内容
- Drawable简介
- Drawable的分类
- 自定义Drawable
具体内容
Drawable简介
Drawable有很多种,都表示图像的概念,但不全是图片,通过颜色也可以构造出各式各样的图像效果。实际开发中,Drawable常被用来作为View的背景使用。Drawable一般是通过XML来定义的,Drawable是所有Drawable对象的基类。
Drawable的内部宽、高这个参数比较重要,通过getIntrinsicWidth/getIntrinsicHeight这两个方法获取。但并不是所有Drawable都有宽高;图片Drawable的内部宽/高就是图片的宽/高,但是颜色形成的Drawable并没有宽/高的概念。
Drawable的分类
常见的有BitmapDrawable、ShapeDrawable、LayerDrawable以及StateListDrawable等。
BitmapDrawable
表示的就是一张图片,可以直接引用原始图片即可,也可以通过XML描述它,从而设置更多效果。
属性分析:
- android:src
图片资源id - android:antialias
是否开启图片抗锯齿功能。开启后会让图片变得平滑,同时也会一定程度上降低图片的清晰度,建议开启; - android:dither
是否开启抖动效果。当图片的像素配置和手机屏幕像素配置不一致时,开启这个选项可以让高质量的图片在低质量的屏幕上还能保持较好的显示效果,建议开启。 - android:filter
是否开启过滤效果。当图片尺寸被拉伸或压缩时,开启过滤效果可以保持较好的显示效果,建议开启; - android:gravity
当图片小于容器的尺寸时,设置此选项可以对图片进行定位。 - android:tileMode
平铺模式,有四种选项[“disabled” | “clamp” | “repeat” | “mirror”]。当开启平铺模式后,gravity属性会被忽略。repeat是指水平和竖直方向上的平铺效果;mirror是指在水平和竖直方向上的镜面投影效果;clamp是指图片四周的像素会扩展到周围区域,这个比较特别。
NinePatchDrawable:
表示一张.9格式的图片,它和BitmapDrawable都表示一张图片。用XML描述的方式也和BitmapDrawable一样。在bitmap标签中也可以使用.9图。
ShapeDrawable
可以理解为通过颜色来构造的图形,可以是纯色或渐变的图形。
属性分析:
- android:shape
表示图片的形状,选项:rectangle(矩形)、oval(椭圆)、line(横线)、ring(圆环)。默认值是矩形,另外line和ring这两个选项必须通过标签来指定宽度和颜色,否则看不到效果。
其中,ring有其特殊的5种属性
表示shape的四个角的角度(圆角程度)。只适用于矩形shape。其中android:radius是同时为4个角设置相同的角度,优先级较低,会被topLeftRadius这种具体指定角度的属性所覆盖。
与标签相互排斥的,其中solid表示纯色填充,而gradient表示渐变效果;gradient有如下几个属性: - android:angle——渐变的角度,默认为0,其值必须是45的倍
- 数,0表示从左往右,90表示从下到上。
- android:centerX 渐变的中心点的横坐标
- android:centerY 渐变的中心点的纵坐标;
- android:startColor 渐变的起始色
- android:centerColor 渐变的中间色
- android:endColor 渐变的结束色
- android:gradientRadius 渐变半径,仅当android:type=”radial”时有效。
- android:type 渐变的类型,有linear(线性渐变)、radial(镜像渐变)、swepp(扫描线渐变)三种,默认是线性渐变。
表示纯色填充,通过android:color即可指定shape中填充的颜色。
Shape的描边,有如下属性:- android:width 描边的宽度
- android:color 描边的颜色
- android:dashWidth 组成虚线的线段的宽度
- android:dashGap 组成虚线之间的间距。dashWidth和dashGap有任何一个为0,虚线效果都不能生效。
表示空白,但不是shape的空白,而是包含它的View的空白。
shape的大小,有两个属性:android:width和android:height,分别表示shape的宽高。通过标签指定宽高后,ShapeDrawable就有固定宽/高了。但是作为view的背景来说,shape还是会被拉伸或者缩小为view的大小。
LayerDrawable
它表示一种层次化的Drawable集合,通过将不同的Drawable放置在不同层后达到一种叠加效果。
StateListDrawable
对应
属性分析:
- android:constantSize
StateListDrawable的固有大小是否随着其状态的变化而变化,因为不同的Drawable有不同的固有大小。true表示固有大小保持不变,这时它的固有大小是内部所有Drawable的固有大小的最大值。默认值为false。 - android:dither
是否开启抖动效果,默认true - android:variablePadding
StateListDrawable的padding是否随着状态变化而变化。true表示变化,false表示padding是内部所有Drawable的padding的最大值。默认为false。
view的常见状态:
- android:state_pressed:按下状态,Button按下之后没有松开。
- android:state_focused:View获取了焦点。
- android:state_selected:用户选择了View,如RadioButton。
- android:state_checked:用户选中了View,适用于CheckBox。
- android:state_enable:View处于可用状态。
默认的item一般放在最后并且不添加任何状态,这样当系统在之前的item无法选择的时候,就会匹配默认的item,因为item的默认状态不附带任何状态,所以它可以适配任何状态。
LevelListDrawable
对应
TransitionDrawable
对应
TransitionDrawable drawable = (TransitionDrawable) imageView.getBackground();
drawable.startTransition(1000);
startTransition和reverseTransition方法实现淡入淡出的效果以及它的逆过程。
InsetDrawable
对应于
其中,inset中的shape距离view边界为10dp。
ScaleDrawable
ScaleDrawable对应于xml文件中的
其中,android:scaleGravity属性相当于gravity属性。android:scaleHeight/scaleWidth 表示Drawable的缩放比例。
缩放公式: w -= (int) (w * (10000 - level) * mState.mScaleWidth / 10000)
可见,level越大,Drawable看起来越大;scaleHeight/scaleWidth越大,Drawable看起来越小。注意的是,level设置为0时,Drawable不可见。level不应超过10000。
ClipDrawable
ClipDrawabe对应于
clipOrientation表示裁剪方向。gravity需要和clipOrientation一起才能发挥作用。
使用步骤:
- 定义ClipDrawable。
- 布局文件引用。
- 代码控制level。
ImageView imageClip = (ImageView) findViewById(R.id.image_clip);
ClipDrawable drawable = (ClipDrawable) imageClip.getDrawable();
drawable.setLevel(5000);
level=0的时候,表示完全裁剪,level=10000的时候表示完全不裁剪,level=5000的时候表示裁剪了一半。即等级越大,裁剪的区域越小。
自定义Drawable
在前面,我们分析了View的工作原理,系统会调用Drawable的draw方法绘制view的背景。所以我们可以通过重写Drawable的draw方法来自定义Drawable。但是,通常我们没必要自定义Drawable,因为自定义Drawable无法在XML中使用。只有在特殊情况下可以使用自定义Drawable。
圆形自定义Drawable demo,半径随着view的变化而变化
- draw、setAlpha、setColorFilter和getOpacity这几个方法都是必须要实现的,其中draw是最重要的。当自定义Drawable有固有大小的时候最好重写getIntrinsicWidth和getIntrinsicHeight这两个方法,因为会影响到view的wrap_content布局。上面的例子中,没有重写,其内部大小为-1。
- 内部大小不等于Drawable的实际区域大小,Drawable实际区域的大小可以通过getBounds方法来得到,一般来说它和View的尺寸相同。
更多内容戳这里(整理好的各种文集)