Android Drawable 分类笔记

主要内容出自 《Android 开发艺术探索》,仅作记录。

1.1 BitmapDrawable

表示的就是一张图片

  • android:src 图片资源的 id
  • android:antialias 抗锯齿,让图片变得平滑,一般开启
  • android:dither 是否开启抖动效果,图片像素和屏幕像素配置不一致,开启可让高质量的图片在低质量的屏幕还能保持较好的显示效果
  • android:filter 过滤效果,图片被拉伸或压缩,开启能保持较好的显示效果
  • android:gravity 图片小于容器,用此对图片进行定位,可 "|" 组合使用
  • android:mipMap 纹理映射,默认 false
  • android:tileMode 平铺模式 ["disabled" | "clamp" | "repeat" | "mirror"],开启后 gravity 会失效。clamp:暂不知 repeat:铺满 mirror:左右上下各一面镜子铺满

NinePatchDrawable:自动根据宽/高进行缩放不失真,可直接使用,可用用 XML 描述。<nine-patch >

1.2 ShapeDrawable

通过颜色来构造图形,既可以是纯色,也可以是具有渐变效果的图形。通过<shape>创建的 Drawable,实体类实际上是 GradientDrawable。

  • android:shape 表示形状:rectangle(矩形)、oval(椭圆)、line(横线)、和 ring(圆环)。默认是矩形,line 和 ring 需要通过 <stroke> 来指定线的宽度和颜色。
    对于 ring 这个形状,有 5 个特殊属性。
Value Are
android:innerRadius 圆环的内半径,和 android:innerRadiusRation 同时存在,以前者为准
android:thickness 圆环的厚度,半径减去内半径的大小
android:innerRadiusRation 内半径占整个 Drawable 宽度的比例,默认为 9。如果为 n 则内半径 = 宽度/n
android:thicknessRatio 厚度占整个 Drawable 宽度的比例,默认为 3。如果为 n 则厚度 = 宽度/n
android:useLevel 一般都应是 false,除非被当做 LevelListDrawable(堆叠图片)
  • <corners> 表示 shape 四个角的角度。只适用于矩形,用 px 表示。
  1. android:radius 四个角同时设定角度,优先级较低会被其他四个属性覆盖。
  2. android:topLeftRadius 左上角角度
  3. android:topRightRadius 右上角角度
  4. android:bottomLeftRaius 左下角角度
  5. android:bottomRightRadius 右下角角度
  • <gradient> 与 <solid> 互相排斥,solid 表示纯色填充,gradient 表示渐变。它有以下几个属性:
  1. android:angle 渐变的角度默认为0,数值为 45 的倍数,0表示从左到右,90 表示从下到上。
  2. android:centerX 渐变的中心点横轴坐标
  3. android:centerY 渐变的中心点纵坐标
  4. android:startColor 渐变的起始色
  5. android:centerColor 渐变的中间色
  6. android:endColor 渐变的结束色
  7. android:gradientRadius 渐变半径,仅当 android:type = "radial" 时有效
  8. android:useLevel 一般为 false,当 Drawable 作为 StateListDrawable 时使用时为 true
  9. android:type 渐变的类别,有 linear(线性渐变)、radial(径向渐变)、sweep(扫描线渐变)三种,其中默认值为线性渐变
  • <solid> 表示纯色填充,通过 android:color 即可指定 shape 中填充的颜色
  • <stroke> Shape 的描边,有以下属性
  1. android:width 描边的宽度,越大则 shape 的边缘线看起来越粗
  2. android:color 描边的颜色
  3. android:dashWidth 组成虚线的线段的宽度
  4. android:dashGap 组成虚线的线段之间的间隔,间隔越大看起来空隙就越大。
  • <padding> 表示空白,包含它的 View 的空白
  • <size> shape 的大小,有两个属性 android:width 和 android:height,用来标记固有宽高

1.3 LayerDrawable

对应标签 <layer-list>,表示的是一种层次化的 Drawable 集合。一个 <layer-list> 可以包含多个 <item>,每个 item 表示一个 Drawable。每个 item 也可以是类似 <shape> 那样的 Drawable。

  • android:drawable 指定图片资源
  • android:top | right | bottom | left

1.4 StateListDrawable

对应 <selector> 标签,也是 Drawable 的集合,每个 Drawable 对应 View 的一种状态,最常见的是 Button 的实现。

  • android:constantSize true 表示 StateListDrawable 的固有大小保持不变,最大值为内部所有 Drawable 大小的最大值,false 会随着状态的改变而改变
  • android:dither 是否开启抖动,默认true
  • android:variablePadding padding 是否跟随状态改变而改变,不建议开启
    View 常见状态:系统会根据状态从上到下查找合适的 item,默认的 item 都应该放在 selector 的最后一条且不附带任何状态
状态 含义
android:state_pressed 按下状态,比如 Button 按下没有松开
android:state_focused View 已经获取了焦点
android:state_selected 选择了 View
android:state_checked CheckBox 选中
android:state_enabled 当前 View 处于可用状态

1.5 LevelListDrawable

对应于 <level-list> 标签,同样表示一个 Drawable 集合,集合中的每一个 Drawable 都有一个 level 概念,根据不同的等级,LevelListDrawable 会切换对应的 Drawable

  • android:drawable
  • android:maxLevel = "integer"
  • android:minLevel = "Integer"
    通过 Drawable 的 setImageLevel 来切换 Drawable,等级是有范围的 0 - 10000.

1.6 TransitionDrawable

对应于 <transition> 标签,用于实现两个 Drawable 直接的淡入淡出效果。

TransitionDrawable drawable = (TransitionDrawable) textView.getBackground();
drawable.startTransition(1000);

1.7 InsetDrawable

对应于 <inset> 标签,可以将其他 Drawable 内嵌到自己当中,通过 LayerDrawable 也可以实现。

  • android:insetBottom | insetLeft | insetLeft | insetRight

1.8 ScaleDrawable

对应于 <scale> 标签,根据自己的等级将指定的 Drawable 缩放到一定的比例。

1.9 ClipDrawable

对应于 <clip> 标签,根据自己当前的 level 来裁剪另一个 Drawable

  • android:clipOrientation 表示裁剪方向,有水平和垂直两个方向
  • android:gravity 标签裁剪的与 android:clipOrientation 配合的方向和位置
ImageView clipImage = (ImageView)findViewById(R.id.clip_image);
ClipDrawable clipDrawable = clipImage.getDrawable();
clipDrawable.setLevel(5000);

等级为 0 - 10000,5000表示裁剪一半。

1.10 自定义 Drawable

自定义 Drawable 可以用来实现作为ImageView、TextView等资源的背景

参考资料:

  1. Android Drawable 那些不为人知的高效用法
  2. 《Android 开发艺术探索》
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容