Paint画笔高级应用(一)

2019-08-07 本文已影响0人 Gambol_r

Paint我们分为两篇文章讲解

一，讲解基本常见的Api和渲染器的使用
二，过滤器的使用及Paint的总结

Paint画笔的高级应用

Paint是什么？
paint可以理解为画笔，理解为它是画笔。它可以保存绘制几何图形，文本，位图的样式和信息。
常用的API主要如颜色，效果和文本相关等。

一、Paint常见API

Paint mPaint = new Paint();
        mPaint.setColor(Color.RED);// 设置颜色
        mPaint.setARGB(255, 255, 255, 0); // 设置 Paint对象颜色,范围为0~255
        mPaint.setAlpha(200); // 设置alpha不透明度,范围为0~255
        mPaint.setAntiAlias(true); // 抗锯齿
        mPaint.setStyle(Paint.Style.FILL); //描边效果
        mPaint.setStrokeWidth(4);//描边宽度
        mPaint.setStrokeCap(Paint.Cap.ROUND); //圆角效果
        mPaint.setStrokeJoin(Paint.Join.MITER);//拐角风格
        mPaint.setShader(new SweepGradient(200, 200, Color.BLUE, Color.RED)); //设置环形渲染器
        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DARKEN)); //设置图层混合模式
        mPaint.setColorFilter(new LightingColorFilter(0x00ffff, 0x000000)); //设置颜色过滤器
        mPaint.setFilterBitmap(true); //设置双线性过滤
        mPaint.setMaskFilter(new BlurMaskFilter(10, BlurMaskFilter.Blur.NORMAL));//设置画笔遮罩滤镜 ,传入度数和样式
        mPaint.setTextScaleX(2);// 设置文本缩放倍数
        mPaint.setTextSize(38);// 设置字体大小
        mPaint.setTextAlign(Paint.Align.LEFT);//对其方式
        mPaint.setUnderlineText(true);// 设置下划线

        String str = "我的公众号是鱼八说";
        Rect rect = new Rect();
        mPaint.getTextBounds(str, 0, str.length(), rect); //测量文本大小，将文本大小信息存放在rect中
        mPaint.measureText(str); //获取文本的宽
        mPaint.getFontMetrics(); //获取字体度量对象

当我们自定View，需要以上方法设置画笔样式，这里面我们重点介绍下getFontMetrics()。

1.2.1-Paint_FontMetrics.png

二、Paint主要api详解

1.颜色效果相关的api

mPaint.setColor(Color.RED);// 设置颜色
mPaint.setARGB(255, 255, 255, 0); // 设置 Paint对象颜色,范围为0~255
setShader(Shader shader); //设置着色器对象
setColorFilter(ColorFilter colorFilter); //设置颜色过滤

2.Shader着色器分类

linearGradient：线性渲染，

RadialGradient：环形渲染，

SweepGradient：扫描渲染，

BitmapShader ：位图渲染，

ComposeShader：组合渲染(最多2个组合)

1.LinearGradient 线性渲染

LinearGradient(float x0, float y0, float x1, float y1, @NonNull @ColorInt int colors[], @Nullable float positions[], @NonNull TileMode tile)
/ (x0,y0)：渐变起始点坐标
* (x1,y1):渐变结束点坐标
* color0:渐变开始点颜色,16进制的颜色表示，必须要带有透明度
* color1:渐变结束颜色
* colors:渐变数组
* positions:位置数组，position的取值范围[0,1],作用是指定某个位置的颜色值，如果传null，渐变就线性变化。
* tile:用于指定控件区域大于指定的渐变区域时，空白区域的颜色填充方法/

mShader = new LinearGradient(0, 0, 250, 250, new int[]{Color.RED, Color.BLUE, Color.GREEN}, new float[]{0.f, 0.7f, 1}, Shader.TileMode.REPEAT);
        mPaint.setShader(mShader);
//        canvas.drawCircle(250, 250, 250, mPaint);
        canvas.drawRect(0, 0, 500, 500, mPaint);

运行效果

2.RadialGradient 环形渲染

/** 环形渲染 (float centerX, float centerY, float radius, @ColorInt int colors[], @Nullable float stops[], TileMode tileMode)
* centerX ,centerY：shader的中心坐标，开始渐变的坐标
* radius:渐变的半径
* centerColor,edgeColor:中心点渐变颜色，边界的渐变颜色
* colors:渐变颜色数组
* stoops:渐变位置数组，类似扫描渐变的positions数组，取值[0,1],中心点为0，半径到达位置为1.0f
* tileMode:shader未覆盖以外的填充模式。
*/

  mShader = new RadialGradient(250, 250, 250, new int[]{Color.GREEN, Color.YELLOW, Color.RED}, null, Shader.TileMode.CLAMP);
  mPaint.setShader(mShader);  
  canvas.drawCircle(250, 250, 250, mPaint);

运行效果

3.SweepGradient 扫描渲染

/**
* 扫描渲染，SweepGradient(float cx, float cy, @ColorInt int color0,int color1)
* cx,cy 渐变中心坐标
* color0,color1：渐变开始结束颜色
* colors，positions：类似LinearGradient,用于多颜色渐变,positions为null时，根据颜色线性渐变
*/

   mShader = new SweepGradient(250f, 250f, new int[]{Color.RED, Color.GREEN}, new float[]{0.5f, 1f});
        mPaint.setShader(mShader);
        canvas.drawCircle(250, 250, 250, mPaint);

运行效果

4.BitmapShader 位图渲染

/**
* BitmapShader(@NonNull Bitmap bitmap, @NonNull TileMode tileX, @NonNull TileMode tileY)
* Bitmap:构造shader使用的bitmap
* tileX：X轴方向的TileMode
* tileY:Y轴方向的TileMode
REPEAT, 绘制区域超过渲染区域的部分，重复排版
CLAMP，绘制区域超过渲染区域的部分，会以最后一个像素拉伸排版
MIRROR, 绘制区域超过渲染区域的部分，镜像翻转排版
*/

mShader = new BitmapShader(mBitmap, Shader.TileMode.REPEAT, Shader.TileMode.MIRROR);
        mPaint.setShader(mShader);
//        canvas.drawRect(0, 0, 500, 500, mPaint);
        canvas.drawCircle(250, 250, 250, mPaint);

运行效果

5.ComposeShader 组合渲染

/**
* 组合渲染，
* ComposeShader(@NonNull Shader shaderA, @NonNull Shader shaderB, Xfermode mode)
* ComposeShader(@NonNull Shader shaderA, @NonNull Shader shaderB, PorterDuff.Mode mode)
* shaderA,shaderB:要混合的两种shader
* Xfermode mode：组合两种shader颜色的模式
* PorterDuff.Mode mode: 组合两种shader颜色的模式
*/

 BitmapShader bitmapShader = new BitmapShader(mBitmap, Shader.TileMode.REPEAT, Shader.TileMode.REPEAT);
        LinearGradient linearGradient = new LinearGradient(0, 0, 1000, 1600, new int[]{Color.RED, Color.GREEN, Color.BLUE}, null, Shader.TileMode.CLAMP);
        mShader = new ComposeShader(bitmapShader, linearGradient, PorterDuff.Mode.MULTIPLY);
        mPaint.setShader(mShader);
        canvas.drawCircle(250, 250, 250, mPaint);

运行效果

以上就是全部的渲染模式，下面我们主要看下组合渲染中Xfermode mode 和 PorterDuff.Mode mode 这2个参数

3.颜色过滤器分类(未讲到)

LightingColorFilter ：光照效果，

PorterDuffColorFilter ：指定一个颜色和一种PorterDuff.Mode 与绘制对象进行合成，

ColorMatrixColorFilter：使用一个ColorMatrix 来对颜色进行处理

Paint画笔高级应用(一)

Paint我们分为两篇文章讲解

Paint画笔的高级应用

一、Paint常见API

二、Paint主要api详解

1.颜色效果相关的api

2.Shader着色器分类

1.LinearGradient 线性渲染

2.RadialGradient 环形渲染

3.SweepGradient 扫描渲染

4.BitmapShader 位图渲染

5.ComposeShader 组合渲染

3.颜色过滤器分类(未讲到)

猜你喜欢

热点阅读