android drawable

14. android:width=“3dip”

15. android:color=“#fff” />

16. </shape>

(发散渐变)gradient_radial.xml:

1. <?xml version\="1.0" encoding\="utf-8"?>  

2. <shape xmlns:android=“http://schemas.android.com/apk/res/android”

3. android:innerRadius=“0dip”

4. android:shape=“ring”

5. android:thickness=“70dip”

6. android:useLevel=“false” >

7. <gradient

8. android:centerColor=“#FFFF00”

9. android:endColor=“#FF0000”

10. android:gradientRadius=“70”

11. android:startColor=“#7B68EE”

12. android:type=“radial”

13. android:useLevel=“false” />

14. </shape>

(平铺渐变)gradient_sweep.xml:

1. <?xml version\="1.0" encoding\="utf-8"?>  

2. <shape xmlns:android=“http://schemas.android.com/apk/res/android”

3. android:innerRadiusRatio=“8”

4. android:shape=“ring”

5. android:thicknessRatio=“3”

6. android:useLevel=“false” >

7. <gradient

8. android:centerColor=“#FFFF00”

9. android:endColor=“#FF0000”

10. android:startColor=“#7B68EE”

11. android:type=“sweep”

12. android:useLevel=“false” />

13. </shape>

调用三个drawable的activity_main.xml:

1. <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

2. xmlns:tools=“http://schemas.android.com/tools”

3. android:layout_width=“match_parent”

4. android:layout_height=“match_parent”

5. android:orientation=“vertical”

6. tools:context=“com.jay.example.drawabletest.MainActivity” >

7. <TextView

8. android:id=“@+id/txtShow1”

9. android:layout_width=“200dp”

10. android:layout_height=“100dp”

11. android:background=“@drawable/gradient_linear”/>

12. <TextView

13. android:id=“@+id/txtShow2”

14. android:layout_width=“200dp”

15. android:layout_height=“200dp”

16. android:background=“@drawable/gradient_radial” />

17. <TextView

18. android:id=“@+id/txtShow3”

19. android:layout_width=“100dp”

20. android:layout_height=“100dp”

21. android:background=“@drawable/gradient_sweep”/>

22. </LinearLayout>

运行效果图:

当然,如果想绘制更加复杂的图形的话,只用xml文件不远远不足的,更发杂的效果则

需要通过Java代码来完成,下面演示的是摘自网上的一个源码:

1. package com.jay.example.drawabletest;

2. import android.app.Activity;

3. import android.content.Context;

4. import android.graphics.Bitmap;

5. import android.graphics.BitmapShader;

6. import android.graphics.Canvas;

7. import android.graphics.ComposePathEffect;

8. import android.graphics.CornerPathEffect;

9. import android.graphics.DiscretePathEffect;

10. import android.graphics.LinearGradient;

11. import android.graphics.Paint;

12. import android.graphics.Path;

13. import android.graphics.PathEffect;

14. import android.graphics.RectF;

15. import android.graphics.Shader;

16. import android.graphics.SweepGradient;

17. import android.graphics.drawable.Drawable;

18. import android.graphics.drawable.ShapeDrawable;

19. import android.graphics.drawable.shapes.ArcShape;

20. import android.graphics.drawable.shapes.OvalShape;

21. import android.graphics.drawable.shapes.PathShape;

22. import android.graphics.drawable.shapes.RectShape;

23. import android.graphics.drawable.shapes.RoundRectShape;

24. import android.graphics.drawable.shapes.Shape;

25. import android.os.Bundle;

26. import android.view.View;

27. public class MainActivity extends Activity {

28. @Override

29. protected void onCreate(Bundle savedInstanceState) {

30. super.onCreate(savedInstanceState);

31. setContentView(new SampleView(this));

32. }

33. private static class SampleView extends View {

34. private ShapeDrawable[] mDrawables;

35. private static Shader makeSweep() {

36. return new SweepGradient(150, 25,

37. new int[] { 0xFFFF0000, 0xFF00FF00, 0xFF0000FF, 0xFFFF0000 },

38. null);

39. }

40. private static Shader makeLinear() {

41. return new LinearGradient(0, 0, 50, 50,

42. new int[] { 0xFFFF0000, 0xFF00FF00, 0xFF0000FF },

43. null, Shader.TileMode.MIRROR);

44. }

45. private static Shader makeTiling() {

46. int[] pixels = new int[] { 0xFFFF0000, 0xFF00FF00, 0xFF0000FF, 0};

47. Bitmap bm = Bitmap.createBitmap(pixels, 2, 2,

48. Bitmap.Config.ARGB_8888);

49. return new BitmapShader(bm, Shader.TileMode.REPEAT,

50. Shader.TileMode.REPEAT);

51. }

52. private static class MyShapeDrawable extends ShapeDrawable {

53. private Paint mStrokePaint = new Paint(Paint.ANTI_ALIAS_FLAG);

54. public MyShapeDrawable(Shape s) {

55. super(s);

56. mStrokePaint.setStyle(Paint.Style.STROKE);

57. }

58. public Paint getStrokePaint() {

59. return mStrokePaint;

60. }

61. @Override protected void onDraw(Shape s, Canvas c, Paint p) {

62. s.draw(c, p);

63. s.draw(c, mStrokePaint);

64. }

65. }

66. public SampleView(Context context) {

67. super(context);

68. setFocusable(true);

69. float[] outerR = new float[] { 12, 12, 12, 12, 0, 0, 0, 0 };

70. RectF   inset = new RectF(6, 6, 6, 6);

71. float[] innerR = new float[] { 12, 12, 0, 0, 12, 12, 0, 0 };

72. Path path = new Path();

73. path.moveTo(50, 0);

74. path.lineTo(0, 50);

75. path.lineTo(50, 100);

76. path.lineTo(100, 50);

77. path.close();

78. mDrawables = new ShapeDrawable[7];

79. mDrawables[0] = new ShapeDrawable(new RectShape());

80. mDrawables[1] = new ShapeDrawable(new OvalShape());

81. mDrawables[2] = new ShapeDrawable(new RoundRectShape(outerR, null,

82. null));

83. mDrawables[3] = new ShapeDrawable(new RoundRectShape(outerR, inset,

84. null));

85. mDrawables[4] = new ShapeDrawable(new RoundRectShape(outerR, inset,

86. innerR));

87. mDrawables[5] = new ShapeDrawable(new PathShape(path, 100, 100));

88. mDrawables[6] = new MyShapeDrawable(new ArcShape(45, -270));

89. mDrawables[0].getPaint().setColor(0xFFFF0000);

90. mDrawables[1].getPaint().setColor(0xFF00FF00);

91. mDrawables[2].getPaint().setColor(0xFF0000FF);

92. mDrawables[3].getPaint().setShader(makeSweep());

93. mDrawables[4].getPaint().setShader(makeLinear());

94. mDrawables[5].getPaint().setShader(makeTiling());

95. mDrawables[6].getPaint().setColor(0x88FF8844);

96. PathEffect pe = new DiscretePathEffect(10, 4);

97. PathEffect pe2 = new CornerPathEffect(4);

98. mDrawables[3].getPaint().setPathEffect(

99. new ComposePathEffect(pe2, pe));

100. MyShapeDrawable msd = (MyShapeDrawable)mDrawables[6];

101. msd.getStrokePaint().setStrokeWidth(4);

102. }

103. @Override protected void onDraw(Canvas canvas) {

104. int x = 10;

105. int y = 10;

106. int width = 300;

107. int height = 50;

108. for (Drawable dr : mDrawables) {

109. dr.setBounds(x, y, x + width, y + height);

110. dr.draw(canvas);

111. y += height + 5;

112. }

113. }

114. }

115. }

运行截图：

代码使用了ShapeDrawable和PathEffect,前者是对普通图形的包装;包括:

ArcShape,OvalShape,PathShape,RectShape,RoundRectShape!

而PathEffect则是路径特效,包括:

CornerPathEffect,DashPathEffect和DiscretePathEffect

可以制作复杂的图形边框…

关于这个GradoemtDrawable渐变就讲到这里,如果你对最后面这个玩意有兴趣的话,可以到:

https://github.com/appium/android-apidemos/tree/master/src/io/appium/android/apis/graphics

查找相关Apidemo例子~

最后说两句:

====================================================================

好了,关于本节的内容就讲到这里吧,写太多,自己辛苦,读者也看得辛苦~

本文参考文献：

http://www.devdiv.com/

本节引言:

在上一节中我们已经对了解了4个Android Drawable,他们分别是:

ColorDrawable,NinePatchDrawable,ShapeDrawable与GradientDrawable!

本节我们再来接着学习另外五个Drawable,分别是:

BitmapDrawable,InsertDrawable,ClipDrawable,RotateDrawable,AnimationDrawable!

好了,开始本节内容!

本节正文:

Android各种Drawable的大纲图:

====================================================================================

1.BitmapDrawable:

===============================================================================

对Bitmap的一种封装,可以设置它包装的bitmap在BitmapDrawable区域中的绘制方式,有:

平铺填充,拉伸填或保持图片原始大小!以<bitmap…/>为根节点!

相关属性:

**src:**图片资源~

**antialias:**是否支持抗锯齿

**filter:**是否支持位图过滤,支持的话可以是图批判显示时比较光滑

**dither:**是否对位图进行抖动处理

**gravity:**若位图比容器小,可以设置位图在容器中的相对位置

**tileMode:**指定图片平铺填充容器的模式,设置这个的话,gravity属性会被忽略,有以下可选值:

disabled(整个图案拉伸平铺),(原图大小),repeat(平铺),mirror(镜像平铺)

分别的效果如下:

①XML定义BitmapDrawable:

1. <?xml version\="1.0" encoding\="utf-8"?>  

2. <bitmap xmlns:android=“http://schemas.android.com/apk/res/android”

3. android:dither=“true”

4. android:src=“@drawable/ic_launcher”

5. android:tileMode=“mirror” />

②实现相同效果的Java代码:

1. BitmapDrawable bitDrawable = new BitmapDrawable(bitmap);

2. bitDrawable.setDither(true);

3. bitDrawable.setTileModeXY(TileMode.MIRROR,TileMode.MIRROR);

2.InsetDrawable:

==============================================================================

表示把一个Drawable嵌入到另外一个Drawable的诶不,并且在内部留一些间距,类似与

Drawable的padding属性,但padding表示的是Drawable的内容与Drawable本身的边距!

而InsetDrawable表示的是两个Drawable与容器之间的边距,当控件需要的背景比实际的边框

小的时候,比较适合使用InsetDrawable,比如使用这个可以解决我们自定义Dialog与屏幕之间

的一个间距问题,相信做过的朋友都知道,即使我们设置了layout_margin的话也是没用的,这个

时候就可以用到这个InsetDrawable了!只需为InsetDrawable设置一个insetXxx设置不同

方向的边距,然后为设置为Dialog的背景即可！

相关属性:

1.drawable:引用的Drawable,如果为空,必须有一个Drawable类型的子节点!

2**.visible**:设置Drawable是否额空间

3.**insetLeft,insetRight,insetTop,insetBottm:**设置左右上下的边距

①XML中使用:

1. <?xml version\="1.0" encoding\="utf-8"?>  

2. <inset xmlns:android=“http://schemas.android.com/apk/res/android”

3. android:drawable=“@drawable/test1”

4. android:insetBottom=“10dp”

5. android:insetLeft=“10dp”

6. android:insetRight=“10dp”

7. android:insetTop=“10dp” />

②Java代码中使用:

1. InsetDrawable insetDrawable = new InsetDrawable(getResources()

2. .getDrawable(R.drawable.test1), 10, 10, 10, 10);

运行结果截图:

3.ClipDrawable:

=============================================================================

Clip可以译为剪的意思,我们可以把ClipDrawable理解为从位图上剪下一个部分;

Android中的进度条就是使用ClipDrawable来实现的,他根据设置level的值来决定剪切

区域的大小,根节点是<clip…/>

相关属性:

**clipOrietntion:**设置剪切的方向,可以设置水平和竖直2个方向

**gravity:**从那个位置开始裁剪

**drawable:**引用的drawable资源,为空的话需要有一个Drawable类型的子节点

ps:这个Drawable类型的子节点:就是在<clip里>加上这样的语句:

这样…

使用示例:

核心就是通过代码修改ClipDrawable的level即可!

这里我们实现一个类似于进度条的效果,另外这个Level的值是0~10000哦:

①定义一个ClipDrawable的资源xml:

1. <?xml version\="1.0" encoding\="utf-8"?>  

2. <clip xmlns:android=“http://schemas.android.com/apk/res/android”

3. android:clipOrientation=“horizontal”

4. android:drawable=“@drawable/load”

5. android:gravity=“left” />

②在activity_main主布局文件中设置一个ImageView,将src设置为clipDrawable!

记住是src哦,如果你写成了blackground的话可是会报空指针的哦!!!

1. <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

2. xmlns:tools=“http://schemas.android.com/tools”

3. android:layout_width=“match_parent”

4. android:layout_height=“match_parent”

5. android:orientation=“vertical”

6. tools:context=“com.jay.example.drawabletest.MainActivity” >

7. <ImageView

8. android:id=“@+id/imgShow1”

9. android:layout_width=“match_parent”

10. android:layout_height=“match_parent”

11. android:src=“@drawable/clip_one” />

12. </LinearLayout>

③MainActivity.java通过setLevel设置截取区域大小;

1. package com.jay.example.drawabletest;

2. import java.util.Timer;

3. import java.util.TimerTask;

4. import android.app.Activity;

5. import android.graphics.drawable.ClipDrawable;

6. import android.os.Bundle;

7. import android.os.Handler;

8. import android.os.Message;

9. import android.widget.ImageView;

10. public class MainActivity extends Activity {

11. private ImageView imgShow1;

12. private ClipDrawable cd;

13. private Handler handler = new Handler() {

14. @Override

15. public void handleMessage(Message msg) {

16. if (msg.what == 0x123) {

17. cd.setLevel(cd.getLevel() + 500);

18. }

19. }

20. };

21. @Override

22. protected void onCreate(Bundle savedInstanceState) {

23. super.onCreate(savedInstanceState);

24. setContentView(R.layout.activity_main);

25. imgShow1 = (ImageView) findViewById(R.id.imgShow1);

26. // 核心实现代码

27. cd = (ClipDrawable) imgShow1.getDrawable();

28. final Timer timer = new Timer();

29. timer.schedule(new TimerTask() {

30. @Override

31. public void run() {

32. handler.sendEmptyMessage(0x123);

33. if (cd.getLevel() >= 10000) {

34. timer.cancel();

35. }

36. }

37. }, 0, 300);

38. }

39. }

运行效果图:

4.RotateDrawable:

===============================================================================

用来对Drawable进行旋转,也是通过setLevel来控制旋转的,最大值也是:10000

相关的属性:

fromDegrees:起始的角度,对应最低的level值,默认为0

toDegrees:结束角度,对应最高的level值,默认360

pivotX:设置参照点的x坐标,取值为0~1,默认是50%,即0.5

pivotY:设置参照点的Y坐标,取值为0~1,默认是50%,即0.5

ps:如果出现旋转图片显示不完全的话可以修改上述两个值解决!

**drawable:**设置位图资源

**visible:**设置drawable是否可见!

另外角度图如下:

使用示例:

在第三点的clipDrawable上做一点点修改即可!

①定义一个rotateDrawable资源文件:

1. <?xml version\="1.0" encoding\="utf-8"?>  

2. <rotate xmlns:android=“http://schemas.android.com/apk/res/android”

3. android:drawable=“@drawable/restore_logo”

4. android:fromDegrees=“-180”

5. android:pivotX=“50%”

6. android:pivotY=“50%” />

②activity_main.xml中修改下src指向上述drawable即可,MainActivity只需要把ClipDrawable

改成rotateDrawable即可!

1. package com.jay.example.drawabletest;

2. import java.util.Timer;

3. import java.util.TimerTask;

4. import android.app.Activity;

5. import android.graphics.drawable.RotateDrawable;

6. import android.os.Bundle;

7. import android.os.Handler;

8. import android.os.Message;

9. import android.widget.ImageView;

10. import android.widget.Toast;

11. public class MainActivity extends Activity {

12. private ImageView imgShow1;

13. private RotateDrawable cd;

14. private Handler handler = new Handler() {

15. @Override

16. public void handleMessage(Message msg) {

17. if (msg.what == 0x123) {

18. if (cd.getLevel() >= 10000)

19. Toast.makeText(MainActivity.this, “转完了~”,

20. Toast.LENGTH_LONG).show();

21. cd.setLevel(cd.getLevel() + 300);

22. }

23. }

24. };

25. @Override

26. protected void onCreate(Bundle savedInstanceState) {

27. super.onCreate(savedInstanceState);

28. setContentView(R.layout.activity_main);

29. imgShow1 = (ImageView) findViewById(R.id.imgShow1);

30. // 核心实现代码

31. cd = (RotateDrawable) imgShow1.getDrawable();

32. final Timer timer = new Timer();

33. timer.schedule(new TimerTask() {

34. @Override

35. public void run() {

36. handler.sendEmptyMessage(0x123);

37. if (cd.getLevel() >= 10000) {

38. timer.cancel();

39. }

40. }

41. }, 0, 300);

42. }

43. }

运行截图:

5.AnimationDrawable:

==================================================================================

今天最后一个Drawable了,这个是用来实现Android中帧动画的,就是把一系列的Drawable,

按照一定得顺序一帧帧地播放;Android中动画比较丰富,有传统补间动画,平移,缩放等等效果,

但是这里我们仅仅介绍这个AnimationDrawable实现帧动画,关于alpha,scale,translate,rotate

等,后续在动画章节再进行详细的介绍~我们这里使用**<animation-list…/>**作为根节点

相关属性方法:

oneshot:设置是否循环播放,false为循环播放!!!

duration:帧间隔时间,通常我们会设置为300毫秒~

我们获得AniamtionDrawable实例后,需要调用它的start()方法播放动画,另外要注意

在OnCreate( )方法中调用的话,是没有任何效果的,因为View还没完成初始化,我们可以

用简单的handler来延迟播放动画!当然还有其他的方法,可见下述链接:

Android AnimationDrawable start()没效果!

使用这个AnimationDrawable来实现帧动画真的是非常方便的~

代码示例:

①先定义一个AnimationDrawable的xml资源文件:

1. <?xml version\="1.0" encoding\="utf-8"?>  

2. <animation-list xmlns:android=“http://schemas.android.com/apk/res/android”

3. android:oneshot=“false” >

4. <item

5. android:drawable=“@drawable/anim1”

6. android:duration=“300”/>

7. <item

8. android:drawable=“@drawable/anim2”

9. android:duration=“300”/>

10. <item

11. android:drawable=“@drawable/anim3”

12. android:duration=“300”/>

13. <item

14. android:drawable=“@drawable/anim4”

15. android:duration=“300”/>

16. <item

17. android:drawable=“@drawable/anim5”

18. android:duration=“300”/>

19. </animation-list>

②activity_main.xml设置下src,然后MainActivity中:

1. package com.jay.example.drawabletest;

2. import android.app.Activity;

3. import android.graphics.drawable.AnimationDrawable;

4. import android.os.Bundle;

5. import android.os.Handler;

6. import android.widget.ImageView;

7. public class MainActivity extends Activity {

8. private ImageView imgShow1;

9. private AnimationDrawable ad;

10. @Override

11. protected void onCreate(Bundle savedInstanceState) {

12. super.onCreate(savedInstanceState);

13. setContentView(R.layout.activity_main);

14. imgShow1 = (ImageView) findViewById(R.id.imgShow1);

15. // 核心实现代码

16. ad = (AnimationDrawable) imgShow1.getDrawable();

17. Handler handler = new Handler();

18. handler.postDelayed(new Runnable() {

19. @Override

20. public void run() {

21. ad.start();

22. }

23. }, 300);

24. }

25. }

运行截图:

还是比较有趣的,UC浏览器连不到网提示页面后面有个会动的动画,估计也是拿这个来实现的,

反编译apk后找不到相应的动画图片,只能拿这个小花来代替了~

最后说两句:

====================================================================

好了,今天的2/3的drawable就讲解到这,也是灰常有趣的,大家可以发挥自己的创造力,

弄出点好玩的东西来,(*^__*) 嘻嘻……,

本节引言:

前面两节我们已经了解了Android中的2/3的Drawable,在本节中我们就把剩下的

1/3给学习了吧~他们分别是:

LayerDrawable,TransitionDrawable,LevelListDrawable和StateListDrawable,

好了,开始本节内容~

本节正文:

Android各种Drawable的大纲图:

====================================================================================

1.LayerDrawable:

==============================================================================

其实就是层图形对象,包含一个Drawable数组,然后按照数组对应的顺序来绘制他们,索引

值最大的Drawable会被绘制在最上层!虽然这些Drawable会有交叉或者重叠的区域,但

他们位于不同的层,所以并不会相互影响,以**<layer-list…/>**作为根节点！

相关属性:

drawable:引用的位图资源,如果为空徐璈有一个Drawable类型的子节点

left:层相对于容器的左边距

**right:层相对于容器的右边距

**

**top:层相对于容器的上边距

**

**bottom:层相对于容器的下边距

**

id:层的id

代码示例:

自定义拖动条外观(seekbar)与层叠的图片:

先看下效果图吧:

如图,一个自定义的进度条和三张层叠的图片！

代码也是很简单的,关于seekbar的属性就不讲解了~

seekbar用到的layerlist_one.xml:

1. <?xml version\="1.0" encoding\="utf-8"?>  

2. <layer-list xmlns:android=“http://schemas.android.com/apk/res/android” >

3. <item

4. android:id=“@android:id/background”

5. android:drawable=“@drawable/seek_bkg”/>

6. <item

7. android:id=“@android:id/progress”

8. android:drawable=“@drawable/bar”/>

9. </layer-list>

层叠图片的layerlist_two.xml:

1. <?xml version\="1.0" encoding\="utf-8"?>  

2. <layer-list xmlns:android=“http://schemas.android.com/apk/res/android” >

3. <item>

4. <bitmap android:src=“@drawable/pig” android:gravity=“center”/>

5. </item>

6. <item android:top=“25dp” android:left=“25dp”>

7. <bitmap android:src=“@drawable/pig” android:gravity=“center”/>

8. </item>

9. <item android:top=“50dp” android:left=“50dp”>

10. <bitmap android:src=“@drawable/pig” android:gravity=“center”/>

11. </item>

12. </layer-list>

引用他们的main_activity.xml:

1. <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

2. xmlns:tools=“http://schemas.android.com/tools”

3. android:layout_width=“match_parent”

4. android:layout_height=“match_parent”

5. android:gravity=“center”

6. android:orientation=“vertical”

7. tools:context=“com.jay.example.drawabletest.MainActivity” >

8. <SeekBar

9. android:layout_width=“match_parent”

10. android:layout_height=“wrap_content”

11. android:indeterminateDrawable=“@android:drawable/progress_indeterminate_horizontal”

12. android:indeterminateOnly=“false”

13. android:maxHeight=“8dp”

14. android:minHeight=“8dp”

15. android:progressDrawable=“@drawable/layerlist_one”

16. android:thumb=“@drawable/woniu”

17. android:thumbOffset=“10dp” />

18. <ImageView

19. android:layout_width=“wrap_content”

20. android:layout_height=“wrap_content”

21. android:src=“@drawable/layerlist_two”/>

22. </LinearLayout>

好了,LayerDrawable就这么简单~

2.TransitionDrawable:

===================================================================================

这个Drawable是前者LayerDrawable的一个子类,但是他值管理2层!!!Drawable,并且提供了

透明度变化的动画,可以控制一层Drawable过度到另一层Drawable的动画效果,根节点

为**<transition…/>,记住只能有2个item哦!多了也没用**=-=,属性和前者差不多,

我们需要调用startTransition方法才能启动两层间的切换动画;我们也可以反过来播放

动画:reverseTransition方法!

一个简单的例子:

代码很简单,创建一个TransitionDrawable的xml文件:

1. <?xml version\="1.0" encoding\="utf-8"?>  

2. <transition xmlns:android=“http://schemas.android.com/apk/res/android” >

3. <item android:drawable=“@drawable/meinv1”/>

4. <item android:drawable=“@drawable/meinv2”/>

5. </transition>

接着main_activity弄个ImageView设置下src指向上述drawable,接着MainActivity中:

1. package com.jay.example.drawabletest;

2. import android.app.Activity;

3. import android.graphics.drawable.AnimationDrawable;

4. import android.graphics.drawable.TransitionDrawable;

5. import android.os.Bundle;

6. import android.os.Handler;

7. import android.widget.ImageView;

8. public class MainActivity extends Activity {

9. private ImageView imgShow;

10. @Override

11. protected void onCreate(Bundle savedInstanceState) {

12. super.onCreate(savedInstanceState);

13. setContentView(R.layout.activity_main);

14. imgShow = (ImageView) findViewById(R.id.imgShow);

15. TransitionDrawable td = (TransitionDrawable) imgShow.getDrawable();

16. td.startTransition(3000);

17. //你可以可以反过来播放，使用reverseTransition即可~

18. //td.reverseTransition(3000);

19. }

20. }

好了,就这么简单,就一次,读者也觉得没意思吧,美女没看够对吧~

好吧,这里找到别人写的一个代码,这里给大家贴下,有兴趣的可以研究下,不算复杂~

原文链接:http://blog.csdn.net/lonelyroamer/article/details/8243606

详细代码如下:(核心就是hanler定时,修改Transition中两个图片~)

1. package com.jay.example.drawabletest;

2. import android.app.Activity;

3. import android.graphics.Bitmap;

4. import android.graphics.BitmapFactory;

5. import android.graphics.drawable.BitmapDrawable;

6. import android.graphics.drawable.Drawable;

7. import android.graphics.drawable.TransitionDrawable;

8. import android.os.Bundle;

9. import android.os.Handler;

10. import android.os.Message;

11. import android.widget.ImageView;

12. public class MainActivity extends Activity {

13. private int change = 0;

14. private ImageView imgShow;

15. private Drawable[] drawables;

16. private int[] ids = new int[] { R.drawable.meinv1, R.drawable.meinv2,

17. R.drawable.meinv3, R.drawable.meinv4, R.drawable.meinv5 };

18. // 处理transition的改变

19. private Handler handler = new Handler(new Handler.Callback() {

20. public boolean handleMessage(Message msg) {

21. int duration = msg.arg1;

22. TransitionDrawable transitionDrawable = null;

23. transitionDrawable = new TransitionDrawable(new Drawable[] {

24. drawables[change % ids.length],

25. drawables[(change + 1) % ids.length] });

26. change++;

27. imgShow.setImageDrawable(transitionDrawable);

28. transitionDrawable.startTransition(duration);

29. return false;

30. }

最后

这里我特地整理了一份《Android开发核心知识点笔记》，里面就包含了自定义View相关的内容

除了这份笔记，还给大家分享 Android学习PDF+架构视频+面试文档+源码笔记，高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。

分享上面这些资源，希望可以帮助到大家提升进阶，如果你觉得还算有用的话，不妨把它们推荐给你的朋友~

喜欢本文的话，给我点个小赞、评论区留言或者转发支持一下呗~

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

import android.graphics.drawable.BitmapDrawable;

7. import android.graphics.drawable.Drawable;

8. import android.graphics.drawable.TransitionDrawable;

9. import android.os.Bundle;

10. import android.os.Handler;

11. import android.os.Message;

12. import android.widget.ImageView;

13. public class MainActivity extends Activity {

14. private int change = 0;

15. private ImageView imgShow;

16. private Drawable[] drawables;

17. private int[] ids = new int[] { R.drawable.meinv1, R.drawable.meinv2,

18. R.drawable.meinv3, R.drawable.meinv4, R.drawable.meinv5 };

19. // 处理transition的改变

20. private Handler handler = new Handler(new Handler.Callback() {

21. public boolean handleMessage(Message msg) {

22. int duration = msg.arg1;

23. TransitionDrawable transitionDrawable = null;

24. transitionDrawable = new TransitionDrawable(new Drawable[] {

25. drawables[change % ids.length],

26. drawables[(change + 1) % ids.length] });

27. change++;

28. imgShow.setImageDrawable(transitionDrawable);

29. transitionDrawable.startTransition(duration);

30. return false;

31. }

最后

这里我特地整理了一份《Android开发核心知识点笔记》，里面就包含了自定义View相关的内容

[外链图片转存中…(img-fFPMyfN0-1714274852088)]

除了这份笔记，还给大家分享 Android学习PDF+架构视频+面试文档+源码笔记，高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。

[外链图片转存中…(img-W1CvXmIu-1714274852088)]

分享上面这些资源，希望可以帮助到大家提升进阶，如果你觉得还算有用的话，不妨把它们推荐给你的朋友~

喜欢本文的话，给我点个小赞、评论区留言或者转发支持一下呗~

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！