Android 颜色渲染(十) ComposeShader组合渲染

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

目录(?)[+]

Android 颜色处理(十) ComposeShader组合渲染

public ComposeShader(Shader shaderA,Shader shaderB, Xfermode mode)

Parameters

shaderA	渲染器A,Shader及其子类对象
shaderB	渲染器B,Shader及其子类对象
mode	两种渲染器组合的模式,Xfermode对象

public ComposeShader(Shader shaderA,Shader shaderB, PorterDuff.Mode mode)

Parameters

shaderA	渲染器A,Shader及其子类对象
shaderB	渲染器B,Shader及其子类对象
mode	.两种渲染器组合的模式,ProterDuff.Mode对象

Xfermode及ProterBuff.Mode具体含义见上一篇:

Android 颜色渲染(八) PorterDuff及Xfermode详解

ComposeShader,和AnimationSet的用法相似.是可以将两种颜色渲染器的效果进行组合:

以上图像由BimtmapShader和LinearGradient两种效果组合绘制,其中位图渲染 平铺模式使用的为镜像模式,  组合渲染使用了ProterDuff叠加模式,具体见如下代码:

MainActivity:

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 SweepGradientView sweepGradientView;
11. private ComposeShaderView composeShaderView;
12. private SeekBar seekbar;
13. private PorterDuffView porterDuffView;
14. private int currentId;
15. private WaterRipplesView waterRipplesView;
16. @Override
17. protected void onCreate(Bundle savedInstanceState) {
18. super.onCreate(savedInstanceState);
19. composeShaderView = new ComposeShaderView(this);
20. setContentView(composeShaderView);
21. }
22. @Override
23. public boolean onCreateOptionsMenu(Menu menu) {
24. getMenuInflater().inflate(R.menu.main, menu);
25. return true;
26. }
27. }

ComposeShaderView:

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.ComposeShader;
8. import android.graphics.LinearGradient;
9. import android.graphics.Paint;
10. import android.graphics.PorterDuff;
11. import android.graphics.Shader;
12. import android.graphics.drawable.BitmapDrawable;
13. import android.graphics.drawable.ShapeDrawable;
14. import android.util.AttributeSet;
15. import android.view.View;
16. public class ComposeShaderView extends View {
17. Bitmap mBitmap = null;
18. int bitwidth = 0;
19. int bitheight = 0;
20. Paint mPaint = null;
21. // bitmap渲染
22. Shader mBitmapShader = null;
23. // 线性渐变渲染
24. Shader mLinearGradient = null;
25. // 混合渲染
26. Shader mComposeShader = null;
27. ShapeDrawable mShapeDrawable = null;
28. public ComposeShaderView(Context context) {
29. super(context);
30. // 装载资源
31. mBitmap = ((BitmapDrawable) getResources().getDrawable(R.drawable.list_top))
32. .getBitmap();
33. // 得到宽高
34. bitwidth = mBitmap.getWidth();
35. bitheight = mBitmap.getHeight();
36. // 创建BitmapShader对象
37. mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.MIRROR,
38. Shader.TileMode.MIRROR);
39. // 创建LinearGradient并设置渐变颜色数组,平铺效果为镜像
40. mLinearGradient = new LinearGradient(0, 0, 0, 100, new int[] {
41. Color.WHITE, Color.LTGRAY, Color.TRANSPARENT, Color.GREEN }, null,
42. Shader.TileMode.MIRROR);
43. // 混合渲染 将两个效果叠加,使用PorterDuff叠加模式
44. mComposeShader = new ComposeShader(mBitmapShader, mLinearGradient,  PorterDuff.Mode.MULTIPLY);
45. mPaint = new Paint();
46. }
47. public ComposeShaderView(Context context, AttributeSet attrs) {
48. super(context, attrs);
49. }
50. @Override
51. protected void onDraw(Canvas canvas) {
52. super.onDraw(canvas);
53. // 绘制混合渲染效果
54. mPaint.setShader(mComposeShader);
55. canvas.drawCircle(240, 360, 200, mPaint);
56. }
57. }