首页 > 移动平台 > 详细

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

时间：2016-06-09 06:18:47      阅读：224      评论：0      收藏：0      [点我收藏+]

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

目录(?)[+]

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:

[java] view plain copy
  1. package com.tony.testshader;  
  2.   
  3. import android.os.Bundle;  
  4. import android.app.Activity;  
  5. import android.graphics.Bitmap;  
  6. import android.graphics.BitmapFactory;  
  7. import android.view.Menu;  
  8. import android.widget.SeekBar;  
  9. import android.widget.SeekBar.OnSeekBarChangeListener;  
  10.   
  11. public class MainActivity extends Activity  implements OnSeekBarChangeListener{  
  12.   
  13.     private SweepGradientView sweepGradientView;  
  14.     private ComposeShaderView composeShaderView;  
  15.       
  16.      private SeekBar seekbar;  
  17.      private PorterDuffView porterDuffView;  
  18.      private int currentId;  
  19.      private WaterRipplesView waterRipplesView;  
  20.        
  21.        
  22.       
  23.     @Override  
  24.     protected void onCreate(Bundle savedInstanceState) {  
  25.         super.onCreate(savedInstanceState);  
  26.           
  27.         composeShaderView = new ComposeShaderView(this);  
  28.         setContentView(composeShaderView);  
  29.   
  30.     }  
  31.   
  32.     @Override  
  33.     public boolean onCreateOptionsMenu(Menu menu) {  
  34.         getMenuInflater().inflate(R.menu.main, menu);  
  35.         return true;  
  36.     }  
  37.   
  38.   
  39. }  



ComposeShaderView:

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

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

原文：http://www.cnblogs.com/Free-Thinker/p/5571864.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！