一.Drawable简介
概念:Drawable表示的是一种图像的概念,主要是通过颜色来构造出各式各样的图像效果。在实际开发中,Drawable常被用来作为View的背景使用。Drawable一般是通过XML来定义的。
二.Drawable的分类
1.BitmapDrawable
简介:最简单的Drawable,表示的就是一张图片。
描述:通过XML描述如下:
<bitmap
android:src <!--图片资源的id-->
android:antialias = "true | false" <!--抗锯齿功能。开启后会让图片变得平滑-->
android:dither = "true | false" <!--抖动效果。开启后能够保持图片的像素-->
android:filter = "true | false" <!--过滤效果。开启后当图片被拉伸时能够较好地显示-->
android:gravity <!--定位-->
android:mipMap = "false" <!--图像处理技术。默认为false-->
android:titleMode = "disable | clamp | repeat | mirror" <!--平铺模式。开启后gravity属性失效,图片会展示出平铺的效果-->
/>
2.ShapeDrawable
简介:通过颜色来构造的图形,它既可以是纯色图形,也可以是渐变效果的图形。
描述:通过XML描述如下:
<shape
android:shape = "rectangle | oval | line | ring" <!--Drawable的形状-->
<corners <!--shape4个角的角度,只适用于矩形-->
android:radius <!--同时设定角度-->
android:topLeftRadius
android:topRightRadius
android:bottomLeftRadius
android:bottomRightRadius />
<gradient <!--表示渐变效果-->
android:angle <!--渐变的角度,必须是45的倍数-->
android:centerX <!--渐变中心的横坐标-->
android:centerY <!--渐变中心的纵坐标-->
android;startColor <!--渐变的起始色-->
android:centerColor <!--渐变的中间色-->
android:endColor <!--渐变的结束色-->
android:gradientRadius <!--渐变半径,只有当type为radial时才有效-->
android:type <!--渐变的类别,有linear(线性渐变)、radial(径向渐变)、sweep(扫描线渐变)-->
android:useLevel />
<solid <!--表示纯色填充,不能和gradient同时使用-->
android:color />
<stroke <!--描边-->
android:width <!--描边的宽度-->
android:color <!--描边的颜色-->
android:dashWidth <!--虚线线段的高度-->
android:dashGap <!--虚线线段之间的间隔-->
<!--如果dashWidth和dashGap其中一个为0,则虚线无法生效--> />
<padding <!--留白-->
android:left
android:right
android:top
android:bottom />
<size <!--shape的大小-->
android:width
android:height />
/>
3.LayerDrawable
简介:表示的是一种层次化的Drawable集合,通过将不同的Drawable放置在不同的层上面而达到一种叠加后的效果。一个LayerDrawable当中可以有多个item,而后面的item可以被前面的item所覆盖,形成分层的效果。
描述:通过XML描述如下:
<layer-list
<item
android:drawable <!--直接引用一个Drawable资源-->
android:top <!--相对于view上下左右的偏移量,单位为像素-->
android:right
android:bottom
android:left
/>
/>
4.StateListDrawable
简介:它表示的是一个Drawable的集合,每个Drawable都对应着View的一种状态,这样系统就会根据View的状态来选择合适的Drawable。其中每一个<item/>表示的是一个Drawable,当启动时,系统会按照item的顺序从上到下查找相对应的Drawable,一般来说,默认的item都应该放在最后一条,这样如果系统没有找到,则默认使用最后一个item的Drawable。
描述:通过XML描述如下:
<selector
android:constantSize = "true | false" <!--表示内部的Drawable的大小是否随着view来进行改变-->
android:dither
android:variablePadding = "false" <!--表示内部的Drawable的padding是否随着状态的改变而改变。默认为false-->
<item
android:drawable
android:state_pressed = "true | false" <!--表示按下状态-->
android:state_focused = "true | false" <!--表示获取了焦点-->
android:state_hovered = "true | false"
android:state_selected = "true | false" <!--表示用户选择了view-->
android:state_checkable = "true | false"
android:state_checked = "true | false" <!--表示用户选中了view,一般是用于checkBox-->
android:state_enable = "true | false" <!--表示view是处于可用的状态-->
android:state_activated = "true | false"
android:state_window_focus = "true | false"
/>
/>
5.LevelListDrawable
简介:表示一个Drawable的集合,集合中每一个Drawable都有一个等级,而根据不同的等级,LevelListDrawable会切换到对应的Drawable。在item中可以设置等级的范围,如果view的setLevel()中的参数符合这个范围,则会引用该item中的Drawable。
描述:通过XML描述如下:
<level-list
<item
android:drawable
android:maxLevel <!--最大的等级-->
android:minLevel <!--最小的等级-->
/>
/>
6.TransitionDrawable
简介:用于实现两个Drawable之间淡入淡出的效果。
描述:通过XML描述如下:
<transition
<item
android:drawable
android:top
android:bottom
android:left
android:right
/>
/>
如果要实现淡入淡出的效果的效果,则需要通过它的starTransition()和reverseTransition()方法来进行操作:
<transition
<item android:drawable = "@drawable/drawable1" />
<item android:drawable = "@drawable/drawable2" />
/>
<TextView
android:id = "@id/text_view"
android:layout_height = "wrap_content"
android:layout_width = "wrap_content"
android:background = "@drawable/transition_drawable"
/>
TextView textView = (TextView)findViewById(R.layout.textview);
TransitionDrawable drawable = (TransitionDrawable) textView.getBackground();
textView.startTransition(1000);
7. InsertDrawable
简介:可以让其他的Drawable嵌入到自己当中,并且可以在四周留出一定的间距。当一个view希望自己的背景比自己实际区域小的时候,就可以采用这种Drawable来实现。
描述:通过XML描述如下:
<inset
android:drawable
android:insertTop
android:insertBottom
android:insertLeft
android:insertRight
/>
8.ScaleDrawable
简介:根据自己的等级将Drawable缩放到一定的比例。等级为0表示看不见,等级越高(最高为10000)则view内部的Drawable就看起来越大。
描述:通过XML描述如下:
<scale
android:drawable
android:scaleHeight <!--缩放后的高度,写百分数-->
android:scaleWidth <!--缩放后的宽度,写百分数-->
android:scaleGravity <!--等同于之前的gravity-->
/>
举例来说:
<scale
android:drawable = "@drawable/image1"
android:scaleHeight = "70%"
android:scaleWidth = "70%"
android:scaleGravity = "center"
/>
View test = findViewById(R.layout.test);
ScaleDrawable drawable = (ScaleDrawable) test.getBackground();
drawable.setLevel(1); //设置等级为1
9.ClipDrawable
简介:可以根据当前等级来裁剪另一个Drawable。其中等级0为完全裁剪,而等级10000为不裁剪。如果将等级设置为8000则表示裁剪掉2000,即保留80%。
描述:通过XML描述如下:
<clip
android:drawable
android:clipOrientation = "horizontal | vertical" <!--裁剪方向,有水平和垂直-->
android:gravity
/>