（五）Paint 画笔基本的使用

来源：互联网发布：ceic数据库编辑：程序博客网时间：2024/05/16 07:26

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

本文纯个人学习笔记，由于水平有限，难免有所出错，有发现的可以交流一下。

一、概述

绘图时需要用到 Paint 和 Canvas 这两个类。Paint 就是绘画时候的画笔，而 Canvas 就是画布。但是， Canvas 这个画布是无限大的，而不是只有屏幕显示那么大。

我们可以在这个画布上画任何东西，选取不同的画笔，就跟真实中进行绘画一致，给 Paint 设置不同的属性选择想要的画笔，在 Canvas 上进行任何绘画。

这边先来了解 Paint，Paint 的方法主要可以抽象成两大类，一类是绘制图片、路径相关的，一类是绘制文字相关的。

二、绘制图片、路径

1.setStrokeWidth(float width)

设置画笔颜色

    private void drawColor(Canvas canvas) {        Paint paint = new Paint();        canvas.drawLine(10, 10, 100, 10, paint);        paint.setColor(Color.GREEN);        canvas.drawLine(10, 60, 100, 60, paint);        paint.setColor(Color.YELLOW);        canvas.drawLine(10, 110, 100, 110, paint);        paint.setColor(Color.RED);        canvas.drawLine(10, 160, 100, 160, paint);    }

这里写图片描述

2.setStrokeWidth(float width)

设置画笔宽度

    private void drawStrokeWidth(Canvas canvas) {        Paint paint = new Paint();        paint.setColor(Color.GREEN);        canvas.drawLine(10, 10, 100, 10, paint);        paint.setStrokeWidth(10);        canvas.drawLine(10, 60, 100, 60, paint);        paint.setStrokeWidth(20);        canvas.drawLine(10, 110, 100, 110, paint);        paint.setStrokeWidth(30);        canvas.drawLine(10, 160, 100, 160, paint);    }

这里写图片描述

3.setStyle(Paint.Style style)

设置画笔样式，取值有：
Paint.Style.FILL :填充内部
Paint.Style.FILL_AND_STROKE ：填充内部和描边
Paint.Style.STROKE ：仅描边、

    private void drawStyle(Canvas canvas) {        Paint paint = new Paint();        paint.setColor(Color.GREEN);        //设置线条宽度，使 FILL 与 FILL_AND_STROKE 差别更明显        paint.setStrokeWidth(10);        //默认为 FILL        canvas.drawCircle(50, 50, 40, paint);        paint.setStyle(Paint.Style.FILL);        canvas.drawCircle(150, 50, 40, paint);        paint.setStyle(Paint.Style.FILL_AND_STROKE);        canvas.drawCircle(50, 150, 40, paint);        paint.setStyle(Paint.Style.STROKE);        canvas.drawCircle(150, 150, 40, paint);    }

注意 STROKE、FILL_OR_STROKE 与 FILL 模式下外轮廓的位置会扩大。

这里写图片描述

4.setAntiAlias(boolean aa)

设置画笔是否抗锯齿：

    private void drawAntiAlias(Canvas canvas) {        Paint paint = new Paint();        paint.setColor(Color.GREEN);        paint.setStrokeWidth(10);        paint.setStyle(Paint.Style.STROKE);        paint.setAntiAlias(false);        canvas.drawCircle(50, 50, 40, paint);        paint.setAntiAlias(true);        canvas.drawCircle(150, 50, 40, paint);    }

设置抗锯齿的时候，边沿明显平滑了很多。设置抗锯齿会带来一定的性能损耗。

这里写图片描述

5.setStrokeCap(Paint.Cap cap)

设置线帽样式，取值有：
Paint.Cap.ROUND：圆形线冒
Paint.Cap.SQUARE：方形线冒
Paint.Cap.BUTT：无线冒

    private void drawStrokeCap(Canvas canvas){        Paint paint = new Paint();        paint.setColor(Color.GREEN);        paint.setStrokeWidth(20);        paint.setStyle(Paint.Style.STROKE);        paint.setAntiAlias(true);        paint.setStrokeCap(Paint.Cap.BUTT);// 无线帽        canvas.drawLine(50,20,200,20,paint);        paint.setStrokeCap(Paint.Cap.SQUARE);        canvas.drawLine(50,80,200,80,paint);// 方形线帽        paint.setStrokeCap(Paint.Cap.ROUND);        canvas.drawLine(50,140,200,140,paint);// 圆形线帽    }

这里写图片描述

6.setStrokeJoin(Paint.Join join)

设置线段连接处样式，取值有：
Paint.Join.MITER：结合处为锐角
Paint.Join.Round：结合处为圆弧
Paint.Join.BEVEL：结合处为直线

        Paint paint = new Paint();        paint.setColor(Color.GREEN);        paint.setStrokeWidth(20);        paint.setStyle(Paint.Style.STROKE);        paint.setAntiAlias(true);         //画矩形，展示不同的连接处效果                  paint.setStrokeJoin(Paint.Join.MITER);                    canvas.drawRect(80, 20, 160, 100, paint);           paint.setStrokeJoin(Paint.Join.ROUND);        canvas.drawRect(80, 130, 160, 210, paint);                  paint.setStrokeJoin(Paint.Join.BEVEL);                    canvas.drawRect(80, 240, 160, 320, paint);

这里写图片描述

注：setStrokeJoin 在线条过粗，角度过小的时候会失效。具体什么时候会失效，没研究出来。有懂的帮忙留言一下。

        //同样的 StrokeJoin，第一个角度过小失效        paint.setStrokeJoin(Paint.Join.MITER);        Path path  = new Path();        path.moveTo(50,50);        path.lineTo(250,50);        path.lineTo(50,160);        canvas.drawPath(path,paint);        path.moveTo(50,250);        path.lineTo(250,250);        path.lineTo(50,370);        canvas.drawPath(path,paint);

从代码看，显示的两个图形的连接处都应该是锐角，但由于第一个角度太小，所以不会显示锐角。

这里写图片描述

        //同样的 StrokeJoin，角度过小失效        paint.setStrokeJoin(Paint.Join.MITER);        Path path  = new Path();        paint.setStrokeWidth(80);        path.moveTo(50,50);        path.lineTo(250,50);        path.lineTo(50,160);        canvas.drawPath(path,paint);

把上面的第一个图形的线宽改为80，同样出现失效的情况。

这里写图片描述

7.setStrokeMiter(float miter)

设置笔画的倾斜度，取值：>=0。主要是用来设置笔触的连接处的样式。可以和setStrokeJoin()来比较比较。

  private void drawStrokeMiter(Canvas canvas) {        Paint paint = new Paint();        paint.setColor(Color.GREEN);        paint.setStrokeWidth(20);        paint.setStyle(Paint.Style.STROKE);        paint.setAntiAlias(true);         //与 drawStrokeJoin 中的3对比         paint.setStrokeMiter(50);        paint.setStrokeJoin(Paint.Join.MITER);        Path path  = new Path();        paint.setStrokeWidth(80);        path.moveTo(50,50);        path.lineTo(250,50);        path.lineTo(50,160);        canvas.drawPath(path,paint);    }

取 StrokeJoin 中最后一个例子比较。
这里写图片描述

8.setPathEffect(PathEffect effect)

设置绘制路径的效果。
1.CornerPathEffect——圆形拐角效果

    private void drawCornerPathEffect(Canvas canvas){        Paint paint = getPaint();        Path path = new Path();        path.moveTo(10,200);        path.lineTo(200,10);        path.lineTo(400,200);        canvas.drawPath(path,paint);        paint.setColor(Color.RED);        paint.setPathEffect(new CornerPathEffect(100));        canvas.drawPath(path,paint);        paint.setPathEffect(new CornerPathEffect(200));        paint.setColor(Color.YELLOW);        canvas.drawPath(path,paint);    }

这里写图片描述

CornerPathEffect(float radius) 只有一个半径这个参数，让圆跟角内切，使用圆来替换尖角。

这里写图片描述

使用CornerPathEffect 来画路径：

   private void drawCornerPathEffectDemo(Canvas canvas){        Paint paint = getPaint();        Path path = getPath();        canvas.drawPath(path,paint);        paint.setPathEffect(new CornerPathEffect(200));        canvas.save();        canvas.translate(0,150);        canvas.drawPath(path,paint);    }

这里写图片描述

2.DashPathEffect——虚线效果
画出来的线是呈虚线的效果。

这边线条不在继续了，有需要用到线条的，现在都有专门的库封装使用。

9.还有些方法了解下

setXfermode(Xfermode xfermode);
设置图形重叠时的处理方式，如合并，取交集或并集，经常用来制作橡皮的擦除效果

setMaskFilter(MaskFilter maskfilter);
设置MaskFilter，可以用不同的MaskFilter实现滤镜的效果，如滤化，立体等

setColorFilter(ColorFilter colorfilter);
设置颜色过滤器，可以在绘制颜色时实现不用颜色的变换效果

setShader(Shader shader);
设置图像效果，使用Shader可以绘制出各种渐变效果

setShadowLayer(float radius ,float dx,float dy,int color);
在图形下面设置阴影层，产生阴影效果，radius为阴影的角度，dx和dy为阴影在x轴和y轴上的距离，color为阴影的颜色

三、绘制文字

获取字符行间距。
float getFontSpacing()

设置和获取字符间距
float getLetterSpacing()
void setLetterSpacing(float letterSpacing)

是否有下划线和设置下划线
final boolean isUnderlineText()
void setUnderlineText(boolean underlineText)

获取与设置是否有文本删除线。
final boolean isStrikeThruText()
void setStrikeThruText(boolean strikeThruText)

获取与设置文字大小，注意：Paint.setTextSize传入的单位是px，TextView.setTextSize传入的单位是sp，注意使用时不同分辨率处理问题。
float getTextSize()
void setTextSize(float textSize)

获取与设置字体类型。Android默认有四种字体样式：BOLD(加粗)、BOLD_ITALIC(加粗并倾斜)、ITALIC(倾斜)、NORMAL(正常)，我们也可以通过Typeface类来自定义个性化字体。
Typeface getTypeface()
Typeface setTypeface(Typeface typeface)

获取与设置文字倾斜，参数没有具体范围，官方推荐值为-0.25，值为负则右倾，为正则左倾，默认值为0。
float getTextSkewX()
void setTextSkewX(float skewX)

获取与设置文本对齐方式，取值为CENTER、LEFT、RIGHT，也就是文字绘制是左边对齐、右边还是局中的。
Paint.Align getTextAlign()
void setTextAlign(Paint.Align align)

setSubpixelText(boolean subpixelText)
固定的几个范围：320*480，480*800，720*1280，1080*1920等等；那么如何在同样的分辨率的显示器中增强显示清晰度呢？
亚像素的概念就油然而生了，亚像素就是把两个相邻的两个像素之间的距离再细分，再插入一些像素，这些通过程序加入的像素就是亚像素。在两个像素间插入的像素个数是通过程序计算出来的，一般是插入两个、三个或四个。
所以打开亚像素显示，是可以在增强文本显示清晰度的，但由于插入亚像素是通过程序计算而来的，所以会耗费一定的计算机性能。

比如文本阅读器的翻页效果，我们需要在翻页的时候动态折断或生成一行字符串，这就派上用场了~
int breakText(String text, boolean measureForwards, float maxWidth, float[] measuredWidth)

计算指定参数长度能显示多少个字符，同时可以获取指定参数下可显示字符的真实长度，譬如：

private static final String STR = “文本ABCDEF”;
mPaint.setTextSize(50);
float[] value = new float[1];
int ret = mPaint.breakText(STR, true, 200, value);
Log.i(“YYYY”, “breakText=”+ret+”, STR=”+STR.length()+”, value=”+value[1]);
//breakText=5, STR=8, value=195.0

获取文本的宽高，通过 bounds的Rect 拿到整型。
void getTextBounds(char[] text, int index, int count, Rect bounds)
void getTextBounds(String text, int start, int end, Rect bounds)

粗略获取文本的宽度，和上面的 getTextBounds 比较类似，返回浮点数。
float measureText(String text)
float measureText(CharSequence text, int start, int end)
float measureText(String text, int start, int end)
float measureText(char[] text, int index, int count)

精确计算文字宽度，与上面两个类似。
int getTextWidths(String text, int start, int end, float[] widths)
int getTextWidths(String text, float[] widths)
int getTextWidths(CharSequence text, int start, int end, float[] widths)
int getTextWidths(char[] text, int index, int count, float[] widths)

代码链接：http://download.csdn.net/detail/qq_18983205/9851004

阅读全文

0 0