Android 颜色渲染(七) RadialGradient 环形渲染实现水波纹效果

版权声明：本文为博主原创文章，未经博主允许不得转载。

利用环形渲染我们可以做到什么？ 其实很多都是非常常见的，比如上一篇实现的帮帮糖效果， 彩色的热气球,比如这里要讲到的水波纹效果，或者也可以理解为扩散色渲染效果

首先看一下效果图：

轻触屏幕，即可看到对应的效果，可以看到，实现这种效果，利用RadialGradient ,只需简单几行代码:

MainActivity:

[java] view plain copy

1. package com.tony.testshader;
2. import android.os.Bundle;
3. import android.app.Activity;
4. import android.graphics.Bitmap;
5. import android.graphics.BitmapFactory;
6. import android.view.Menu;
7. import android.widget.SeekBar;
8. import android.widget.SeekBar.OnSeekBarChangeListener;
9. public class MainActivity extends Activity  implements OnSeekBarChangeListener{
10. private WaterRipplesView waterRipplesView;
11. @Override
12. protected void onCreate(Bundle savedInstanceState) {
13. super.onCreate(savedInstanceState);
14. waterRipplesView = new WaterRipplesView(this);
15. setContentView(waterRipplesView);
16. }
17. @Override
18. public boolean onCreateOptionsMenu(Menu menu) {
19. getMenuInflater().inflate(R.menu.main, menu);
20. return true;
21. }
22. }

WaterRipplesView:

[java] view plain copy

1. package com.tony.testshader;
2. import android.content.Context;
3. import android.graphics.Bitmap;
4. import android.graphics.BitmapShader;
5. import android.graphics.Canvas;
6. import android.graphics.Color;
7. import android.graphics.Paint;
8. import android.graphics.RadialGradient;
9. import android.graphics.Shader;
10. import android.graphics.drawable.BitmapDrawable;
11. import android.graphics.drawable.ShapeDrawable;
12. import android.graphics.drawable.shapes.OvalShape;
13. import android.util.AttributeSet;
14. import android.util.DisplayMetrics;
15. import android.view.MotionEvent;
16. import android.view.View;
17. /**
18. * 水波纹效果
19. * @author tony
20. *
21. */
22. public class WaterRipplesView extends View {
23. Shader mBitmapShader = null;
24. Bitmap mBitmapPn = null;
25. Paint mPaint = null;
26. Shader mRadialGradient = null;
27. Canvas mCanvas = null;
28. ShapeDrawable mShapeDrawable = null;
29. public WaterRipplesView(Context context) {
30. super(context);
31. // 初始化工作
32. Bitmap bitmapTemp = ((BitmapDrawable) getResources().getDrawable(
33. R.drawable.leaf)).getBitmap();
34. DisplayMetrics dm = getResources().getDisplayMetrics();
35. // 创建与当前使用的设备窗口大小一致的图片
36. mBitmapPn = Bitmap.createScaledBitmap(bitmapTemp, dm.widthPixels,
37. dm.heightPixels, true);
38. // 创建BitmapShader object
39. mBitmapShader = new BitmapShader(mBitmapPn, Shader.TileMode.REPEAT,
40. Shader.TileMode.MIRROR);
41. mPaint = new Paint();
42. }
43. public WaterRipplesView(Context context, AttributeSet attrs) {
44. super(context, attrs);
45. }
46. @Override
47. protected void onDraw(Canvas canvas) {
48. // TODO Auto-generated method stub
49. super.onDraw(canvas);
50. // 将图片裁剪为椭圆型
51. // 创建ShapeDrawable object，并定义形状为椭圆
52. mShapeDrawable = new ShapeDrawable(new OvalShape());// OvalShape:椭圆
53. // 设置要绘制的椭圆形的东西为ShapeDrawable图片
54. mShapeDrawable.getPaint().setShader(mBitmapShader);
55. // 设置显示区域
56. mShapeDrawable.setBounds(0, 0, mBitmapPn.getWidth(),
57. mBitmapPn.getHeight());
58. // 绘制ShapeDrawable
59. mShapeDrawable.draw(canvas);
60. if (mRadialGradient != null) {
61. mPaint.setShader(mRadialGradient);
62. canvas.drawCircle(0, 0, 1000, mPaint);
63. }
64. }
65. // @覆写触摸屏事件
66. public boolean onTouchEvent(MotionEvent event) {
67. // @设置alpha通道（透明度）
68. mPaint.setAlpha(400);
69. mRadialGradient = new RadialGradient(event.getX(), event.getY(), 48,
70. new int[] { Color.WHITE, Color.TRANSPARENT },null, Shader.TileMode.REPEAT);
71. // @重绘
72. postInvalidate();
73. return true;
74. }
75. }