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

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

目录(?)[+]

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的用法相似.是可以将两种颜色渲染器的效果进行组合:

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

以上图像由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. }
上一篇:201521123002 《Java程序设计》第6周学习总结


下一篇:Spring启动后扫描解析注解的过程