关于 android的 渲染器 Shader

因为公司在 自定义的画图上面比较苛刻(各种要求= =),最后又是改来改去的。反正是 Shader起到很大作用,特此记录一下下、在achartengine的基础上没有能满足他们= =

androd 提供了Shader类专门用来渲染图像以及一些几何图形。

自己写个class 继承 Vew

1.bitmap渲染器效果


2.线性渲染器效果


3.环形渲染器效果

关于 android的 渲染器 Shader_第1张图片关于 android的 渲染器 Shader_第2张图片

4.混合渲染器效果

关于 android的 渲染器 Shader_第3张图片

5.梯度渲染器效果

关于 android的 渲染器 Shader_第4张图片

好了,下来直接放代码吧。注释都很清晰的说, 想要调整各种效果自己调整 X,Y 和type就好

public class MyShaderView  extends View {

// Shader渲染器  	下面的都继承于  Shader  供了Shader类专门用来渲染图像以及一些几何图形。

BitmapShader    bitmapShader;    //bitmap渲染器
ComposeShader   composeShader;   //混合渲染器

LinearGradient  linearGradient;    //线性渲染
RadialGradient  radialGradient;  //圆形那种环形渲染
SweepGradient   sweepGradient;   //梯度渲染器
int    width;
int    height;

public MyShaderView(Context context) {
	super(context);
	
   //用 bitmap先渲染1个图片吧= = 
   //先得到图片 drawable  -   bitmapDrawable
    BitmapDrawable bitmap_deawable = (BitmapDrawable) getResources().getDrawable(R.drawable.yingkou);
   //再得到 bitmap
    Bitmap bitmap = bitmap_deawable.getBitmap();
    width = bitmap.getWidth();
    height = bitmap.getHeight();
    //*******************************开始渲染bitmap图片
    //  new BitmapShader(bitmap, tileX, tileY)
    //  tileX     The tiling mode for x to draw the bitmap in.   在位图上X方向花砖模式
    //   tileY     The tiling mode for y to draw the bitmap in.   在位图上Y方向花砖模式
	//   CLAMP  :如果渲染器超出原始边界范围,会复制范围内边缘染色。
    //   REPEAT :横向和纵向的重复渲染器图片,平铺。
	//   MIRROR :横向和纵向的重复渲染器图片,这个和REPEAT 重复方式不一样,他是以镜像方式平铺。
	    bitmapShader = new BitmapShader(bitmap, TileMode.MIRROR, TileMode.MIRROR);
		    
 
    //*******************************  LinearGradient 线性渲染  
    // LinearGradient(float x0, float y0, float x1, float y1, int[] colors, float[] positions, Shader.TileMode); 
    // X0:    渐变起初点坐标x位置
    // y0:    渐变起初点坐标y位置
    // x1:    渐变终点坐标x位置
    // y1:    渐变终点坐标y位置 
    // colors:  渐变颜色数组
    // positions:这个也是一个数组用来指定颜色数组的相对位置 如果为null 就沿坡度线均匀分布
    // tile:渲染模式(平铺方式)
    linearGradient = new LinearGradient(50, 50,1000,1000, new int[]{Color.RED, Color.GREEN, Color.BLUE, Color.WHITE}, 
    		                    null,Shader.TileMode.REPEAT);
 
    
   //*******************************  radialGradient  环形渲染 
    //   x   y    半径         渐变颜色数组       position     平铺方式
    //多色
    radialGradient = new RadialGradient( 50,200,50,new int[]{Color.WHITE,Color.YELLOW,Color.GREEN,Color.RED,Color.BLUE,},  
                                 null,Shader.TileMode.REPEAT);  
    //单色 + 边框-    这个真心是应了 需求。。必须实心-为的是不露出后面的东西(paint本身画出来的设置空心会漏)
    //radialGradient = new RadialGradient( 50,200, 50,  new int[]
    //{Color.WHITE,Color.WHITE,Color.WHITE,Color.WHITE,Color.WHITE,Color.WHITE,Color.WHITE,
    //Color.WHITE,Color.RED},  
    //null,Shader.TileMode.REPEAT);  
		    
 
	    //*******************************  composeShader  混合渲染  
    composeShader = new ComposeShader(bitmapShader,linearGradient,PorterDuff.Mode.DARKEN);  
    //最后的 混合渲染模式有   PorterDuff.Mode有16种参数可供选择,下面有效果图
    //分别为:CLEAR、SRC、DST、SRC_OVER、DST_OVER、SRC_IN、DST_IN、SRC_OUT、DST_OUT、
    // SRC_ATOP、DST_ATOP、    XOR、DARKEN、LIGHTEN、MULTIPLY、SCREEN。
    

    //*******************************  sweepGradient 梯度渲染器
    sweepGradient = new SweepGradient(30,30,new int[]{Color.GREEN,Color.RED,Color.BLUE,Color.WHITE},null);  
}

    @Override
    protected void onDraw(Canvas canvas) {
    	super.onDraw(canvas);

      //构建ShapeDrawable对象并定义形状为椭圆    
      // RectShape
      // ArcShape    
      // RectShape
      //1.可以这样写
      //ShapeDrawable shapeDrawable = new ShapeDrawable(new OvalShape());  
      //得到画笔并设置渲染器  
      // shapeDrawable.getPaint().setShader(bitmapShader);  
      //设置显示区域 
      // shapeDrawable.setBounds(20, 20, width-10, height-10);  
      //绘制shapeDrawable  
      // shapeDrawable.draw(canvas);  

     // 2.也可以这样写
       Paint paint = new Paint();
       canvas.drawColor(Color.WHITE);      //背景置为灰色
      
     //绘制Bitmap渲染的椭圆
       paint.setShader(bitmapShader);
       canvas.drawOval(new RectF(90, 20, 90+ width,  20+ height), paint);
	
       //绘制线性渐变的矩形
       paint.setShader(linearGradient);
       canvas.drawRect(10, 200, 200, 400, paint);
      
     //绘制环形渐变的圆
       paint.setShader(radialGradient);
       canvas.drawCircle(50,200,50, paint);
      
     //绘制混合渐变(线性与环形混合)的矩形
       paint.setShader(composeShader);
       canvas.drawRect(0, 0, 1000, 1000, paint);
             
      //绘制梯形渐变的矩形
       paint.setShader(sweepGradient);
       canvas.drawRect(50, 50, 300, 300, paint);  
        
    }
}

下面这张图是上面提到的混合 渲染器,16个每种type的样式

关于 android的 渲染器 Shader_第5张图片


你可能感兴趣的:(android,shader,渲染器)