Andorid开发中的paint常用属性解析

最新推荐文章于 2019-07-11 11:34:28 发布

原创最新推荐文章于 2019-07-11 11:34:28 发布 · 置顶 · 321 阅读

0 ·

CC 4.0 BY-SA版权

本文详细解析了Android开发中Paint对象的重要属性和方法，包括颜色设置、抗锯齿、描边效果、渲染器、混合模式等，并通过示例展示了如何在onDraw方法中应用这些属性实现自定义绘图，如线性渐变、环形渐变、扫描渐变和位图渲染等效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

paint在Android自定义控件中有着举足轻重的地位，基本上我们所有的自绘控件都离不开它，原生的各种炫酷的效果，比如刮刮乐，滤镜等等都运用到了paint，下面我们就针对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 = "I am Android ";
Rect rect = new Rect();
mPaint.getTextBounds(str, 0, str.length(), rect); //测量文本大小，将文本大小信息存放在rect中
   mPaint.measureText(str); //获取文本的宽
mPaint.getFontMetrics(); //获取字体度量对象

以上是paint常用的api，下面接着讲解在onDraw方法中如何使用这些api

/**
* 1.线性渲染,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, 500, 500, 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,1000,1000, mPaint);

/**
* 环形渲染，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);

/**
* 扫描渲染，SweepGradient(float cx, float cy, @ColorInt int color0,int color1)
* cx,cy 渐变中心坐标
* color0,color1：渐变开始结束颜色
* colors，positions：类似LinearGradient,用于多颜色渐变,positions为null时，根据颜色线性渐变
*/
mShader = new SweepGradient(250, 250, Color.RED, Color.GREEN);
mPaint.setShader(mShader);
canvas.drawCircle(250, 250, 250, mPaint);

/**
* 位图渲染，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);
/**
* 组合渲染，
* 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);