原文:
Android Drawable的9种子类 介绍
Drawable 在android里面 就是代表着图像，注意是图像 而不是图片。 图片是图像的子集。图像除了可以包含图片以外 还可以包含颜色。
换句话说Drawble就是canvas 可以绘制的 一种概念。 android 系统自带了很多种drawable。我们最好对自带的drawable 有一种比较熟悉的了解，
这样对我们apk开发很有好处，因为drawable使用 非常简单 基本上就是xml编写 即可。比你自己自定义view的成本要低的多。
而且非图片类型的drawable 占用控件也小，有助于我们减少apk的体积。
1.BitmapDrawable
这个用的人很多，不多做介绍了，唯一要注意的就是 下面这个参数 总共3种，3种参数分别对应哪些效果 要搞清楚。
1 <?xml version="1.0" encoding="utf-8"?> 2 <!--android:tileMode 3种参数 repeat clamp和mirror 的区别要搞清楚--> 3 <bitmap xmlns:andro 4 android:src="@mipmap/shuqi" 5 android:tileMode="repeat"> 6 7 </bitmap>
repeat的效果：
mirror：
clamp的效果就不放了，因为这种效果 我自己也没实际用过，觉得挺2的。。 有兴趣的可以自己玩一下
2.ShapeDrawable
这个熟悉的人也应该很多 我们通常用来做editext 背景图时的那些 圆角啊 尖角之类的。可以省去ui不少功夫，程序员自己就能搞定了
1 <?xml version="1.0" encoding="utf-8"?> 2 <shape xmlns:andro 3 android:shape="rectangle"> 4 <corners android:radius="10dp"></corners> 5 <gradient 6 android:angle="45" 7 android:endColor="#FFFF0000" 8 android:startColor="#FFFF0000" /> 9 <padding 10 android:bottom="10dp" 11 android:left="10dp" 12 android:right="10dp" 13 android:top="10dp" /> 14 <stroke 15 android:width="2dp" 16 android:color="#dcdcdc" /> 17 <solid android:color="#ffff9d77" /> 18 </shape>
效果：
3.layerDrawable
这个用的人就不多了，实际上就是 后面的item 会覆盖掉前面的item 能做出那种层次化的显示效果。比如微信的输入框 背景就是这么做的。
<?xml version="1.0" encoding="utf-8"?>
2 <layer-list xmlns:andro>
3 <item>
4 <shape android:shape="rectangle">
5 <solid android:color="#0ac39e"></solid>
6 </shape>
7 </item>
8
9 <item android:bottom="6dp">
10 <shape android:shape="rectangle">
11 <solid android:color="#ffffff"></solid>
12 </shape>
13 </item>
14
15 <item
16 android:bottom="1dp"
17 android:left="1dp"
18 android:right="1dp">
19 <shape android:shape="rectangle">
20 <solid android:color="#ffffff"></solid>
21 </shape>
22 </item>
23
24
25 </layer-list>
4.StateListDrawable
这个例子就不给了，我们天天都在用的 selector 就是他。反应view 状态变化的。
5.LeverListDrawable
这个就是可以通过简单的java代码setImageLevel以后 就可以自动的切换图片。android的电量 变化 就是用这个做的，
我写一个简单的例子 大家可以感受一下。假设我们的需求是每隔500ms 切换一次图片背景。
1 <?xml version="1.0" encoding="utf-8"?> 2 <level-list xmlns:andro> 3 4 <item 5 android:drawable="@drawable/ic_accessible_black_18dp" 6 android:maxLevel="0"></item> 7 <item 8 android:drawable="@drawable/ic_account_circle_black_18dp" 9 android:maxLevel="1"></item> 10 <item 11 android:drawable="@drawable/ic_account_balance_wallet_black_18dp" 12 android:maxLevel="2"></item> 13 <item 14 android:drawable="@drawable/ic_aspect_ratio_black_18dp" 15 android:maxLevel="3"></item> 16 <item 17 android:drawable="@drawable/ic_book_black_18dp" 18 android:maxLevel="4"></item> 19 20 </level-list>
java代码：
1 iv = (ImageView) findViewById(R.id.iv);
2 iv.setOnClickListener(new View.OnClickListener() {
3
4 @Override
5 public void onClick(View v) {
6 new Thread() {
7
8 @Override
9 public void run() {
10 for (int i = 0; i < 5; i++) {
11 final int ii = i;
12 try {
13 sleep(500);
14 } catch (InterruptedException e) {
15 e.printStackTrace();
16 }
17
18 runOnUiThread(new Runnable() {
19 @Override
20 public void run() {
21 iv.setImageLevel(ii);
22 }
23 });
24
25 if (i == 4) {
26 i = -1;
27 }
28 }
29 }
30 }.start();
31 }
32 });
效果如下:
用这个drawable就可以省去 我们在java代码里 写那么多set。。。多方便。
6.TransitionDrawable
这个就特别赞了，就是一个渐入渐出的效果。非常方便。你要是还在set alpha什么的那就弱爆了。
1 <?xml version="1.0" encoding="utf-8"?> 2 <transition xmlns:andro> 3 <item android:drawable="@mipmap/shuqi"></item> 4 <item android:drawable="@mipmap/shuqi2"></item> 5 </transition>
java代码：
1 iv = (ImageView) findViewById(R.id.iv);
2 iv.setOnClickListener(new View.OnClickListener() {
3
4 @Override
5 public void onClick(View v) {
6 TransitionDrawable td=(TransitionDrawable)iv.getBackground();
7 td.startTransition(1000);
8 //反过来也是可以的
9 // td.reverseTransition(1000);
10 }
11 });
效果：
7 InsetDrawable
一般希望背景比自己实际区域小的时候 用这个
效果：
8.ScaleDrawable
这个跟level有点像，就是可以直接缩放图片的
1 <?xml version="1.0" encoding="utf-8"?> 2 <scale xmlns:andro 3 android:drawable="@mipmap/shuqi" 4 android:scaleHeight="70%" 5 android:scaleGravity="center" 6 > 7 </scale>
1 iv = (ImageView) findViewById(R.id.iv); 2 //下面的不能漏掉 因为level默认是0 就显示不出来了 3 ScaleDrawable scaleDrawable=(ScaleDrawable)iv.getBackground(); 4 scaleDrawable.setLevel(1);
9.ClipDrawable
其实和leveldrawable scaleDrawable都挺像的，只不过这个是用来裁剪drawable的。
可以灵活的设置裁剪的方向 角度等等。
demo就不写了和上面的差不多，可以自己写一个试试。
Drawable 在android里面 就是代表着图像，注意是图像 而不是图片。 图片是图像的子集。图像除了可以包含图片以外 还可以包含颜色。
换句话说Drawble就是canvas 可以绘制的 一种概念。 android 系统自带了很多种drawable。我们最好对自带的drawable 有一种比较熟悉的了解，
这样对我们apk开发很有好处，因为drawable使用 非常简单 基本上就是xml编写 即可。比你自己自定义view的成本要低的多。
而且非图片类型的drawable 占用控件也小，有助于我们减少apk的体积。
1.BitmapDrawable
这个用的人很多，不多做介绍了，唯一要注意的就是 下面这个参数 总共3种，3种参数分别对应哪些效果 要搞清楚。
1 <?xml version="1.0" encoding="utf-8"?> 2 <!--android:tileMode 3种参数 repeat clamp和mirror 的区别要搞清楚--> 3 <bitmap xmlns:andro 4 android:src="@mipmap/shuqi" 5 android:tileMode="repeat"> 6 7 </bitmap>
repeat的效果：
mirror：
clamp的效果就不放了，因为这种效果 我自己也没实际用过，觉得挺2的。。 有兴趣的可以自己玩一下
2.ShapeDrawable
这个熟悉的人也应该很多 我们通常用来做editext 背景图时的那些 圆角啊 尖角之类的。可以省去ui不少功夫，程序员自己就能搞定了
1 <?xml version="1.0" encoding="utf-8"?> 2 <shape xmlns:andro 3 android:shape="rectangle"> 4 <corners android:radius="10dp"></corners> 5 <gradient 6 android:angle="45" 7 android:endColor="#FFFF0000" 8 android:startColor="#FFFF0000" /> 9 <padding 10 android:bottom="10dp" 11 android:left="10dp" 12 android:right="10dp" 13 android:top="10dp" /> 14 <stroke 15 android:width="2dp" 16 android:color="#dcdcdc" /> 17 <solid android:color="#ffff9d77" /> 18 </shape>
效果：
3.layerDrawable
这个用的人就不多了，实际上就是 后面的item 会覆盖掉前面的item 能做出那种层次化的显示效果。比如微信的输入框 背景就是这么做的。
<?xml version="1.0" encoding="utf-8"?>
2 <layer-list xmlns:andro>
3 <item>
4 <shape android:shape="rectangle">
5 <solid android:color="#0ac39e"></solid>
6 </shape>
7 </item>
8
9 <item android:bottom="6dp">
10 <shape android:shape="rectangle">
11 <solid android:color="#ffffff"></solid>
12 </shape>
13 </item>
14
15 <item
16 android:bottom="1dp"
17 android:left="1dp"
18 android:right="1dp">
19 <shape android:shape="rectangle">
20 <solid android:color="#ffffff"></solid>
21 </shape>
22 </item>
23
24
25 </layer-list>
4.StateListDrawable
这个例子就不给了，我们天天都在用的 selector 就是他。反应view 状态变化的。
5.LeverListDrawable
这个就是可以通过简单的java代码setImageLevel以后 就可以自动的切换图片。android的电量 变化 就是用这个做的，
我写一个简单的例子 大家可以感受一下。假设我们的需求是每隔500ms 切换一次图片背景。
1 <?xml version="1.0" encoding="utf-8"?> 2 <level-list xmlns:andro> 3 4 <item 5 android:drawable="@drawable/ic_accessible_black_18dp" 6 android:maxLevel="0"></item> 7 <item 8 android:drawable="@drawable/ic_account_circle_black_18dp" 9 android:maxLevel="1"></item> 10 <item 11 android:drawable="@drawable/ic_account_balance_wallet_black_18dp" 12 android:maxLevel="2"></item> 13 <item 14 android:drawable="@drawable/ic_aspect_ratio_black_18dp" 15 android:maxLevel="3"></item> 16 <item 17 android:drawable="@drawable/ic_book_black_18dp" 18 android:maxLevel="4"></item> 19 20 </level-list>
java代码：
1 iv = (ImageView) findViewById(R.id.iv);
2 iv.setOnClickListener(new View.OnClickListener() {
3
4 @Override
5 public void onClick(View v) {
6 new Thread() {
7
8 @Override
9 public void run() {
10 for (int i = 0; i < 5; i++) {
11 final int ii = i;
12 try {
13 sleep(500);
14 } catch (InterruptedException e) {
15 e.printStackTrace();
16 }
17
18 runOnUiThread(new Runnable() {
19 @Override
20 public void run() {
21 iv.setImageLevel(ii);
22 }
23 });
24
25 if (i == 4) {
26 i = -1;
27 }
28 }
29 }
30 }.start();
31 }
32 });
效果如下:
用这个drawable就可以省去 我们在java代码里 写那么多set。。。多方便。
6.TransitionDrawable
这个就特别赞了，就是一个渐入渐出的效果。非常方便。你要是还在set alpha什么的那就弱爆了。
1 <?xml version="1.0" encoding="utf-8"?> 2 <transition xmlns:andro> 3 <item android:drawable="@mipmap/shuqi"></item> 4 <item android:drawable="@mipmap/shuqi2"></item> 5 </transition>
java代码：
1 iv = (ImageView) findViewById(R.id.iv);
2 iv.setOnClickListener(new View.OnClickListener() {
3
4 @Override
5 public void onClick(View v) {
6 TransitionDrawable td=(TransitionDrawable)iv.getBackground();
7 td.startTransition(1000);
8 //反过来也是可以的
9 // td.reverseTransition(1000);
10 }
11 });
效果：
7 InsetDrawable
一般希望背景比自己实际区域小的时候 用这个
效果：
8.ScaleDrawable
这个跟level有点像，就是可以直接缩放图片的
1 <?xml version="1.0" encoding="utf-8"?> 2 <scale xmlns:andro 3 android:drawable="@mipmap/shuqi" 4 android:scaleHeight="70%" 5 android:scaleGravity="center" 6 > 7 </scale>
1 iv = (ImageView) findViewById(R.id.iv); 2 //下面的不能漏掉 因为level默认是0 就显示不出来了 3 ScaleDrawable scaleDrawable=(ScaleDrawable)iv.getBackground(); 4 scaleDrawable.setLevel(1);
9.ClipDrawable
其实和leveldrawable scaleDrawable都挺像的，只不过这个是用来裁剪drawable的。
可以灵活的设置裁剪的方向 角度等等。
demo就不写了和上面的差不多，可以自己写一个试试。