Android Canvas和Paint基本使用

  　　这篇文章主要介绍下画笔Paint和画布Canvas的基本使用

　　  1.Paint

　　　建立对象Paint mPaint = new Paint();

　　　经常使用的基本方法有 ：

　　　　                mPaint.setAntiAlias(true); （抗锯齿）

　　　　　　　　  mPaint.setColor(Color.WHITE);（画笔颜色）

　　　　　　　　  mPaint.setARGB(int a, int r, int g, int b)；取值都是0~255 

　　　　　　　　  mPaint.setAlpha (int a)；设置画笔透明度，取值0~255

　　　　　　　　  mPaint.setDither(boolean dither):防抖动，这个属性的需求场景主要出如今绘制渐变色彩或含渐变的图片时，Android对不含alpha通道的图片会进行一个转化

　　　　　　　　  mPaint.setStyle（画笔样式）

　　　　　　　　  mPaint.setStyle(Paint.Style style):设置画笔的样式，为FILL，FILL_OR_STROKE，或STROKE

 　　　　　　　　 mPaint.setStrokeCap（设置画笔帽）

 　　　　　　　　 mPaint.setStrokeCap(Paint.Cap cap):当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的图形样式，如圆形样式；Cap.ROUND,或方形样式Cap.SQUARE

　　　　　　　　  mPaint.setStrokeWidth(float width):当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的粗细度

　　　　　　　　  mPaint.setXfermode(Xfermode xfermode)：设置图形重叠时的处理方式，如合并，取交集或并集

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

　　　2. Canvas基本用法

　　　　2.1 基本方法有

　　　　　　canvas.drawArc ()；画扇形

　　　　　　canvas.drawCircle()；画圆

　　　　　　canvas.drawOval()；画椭圆

　　　　　　canvas.drawLine()；画线

　　　　　　canvas.drawPoint()；画点

　　　　　　canvas.drawRect()；画矩形

　　　　　    canvas.drawRoundRect()；画圆角矩形

　　　　　　canvas.drawVertices()；画顶点

　　　　       canvas.drawPath()；画路径

                      canvas.drawBitmap()；画位图

　　　　　    canvas.drawText() ；画文字

　　　　2.2

　　　　　　2.2.1 画扇形

　　　　　   　　 private void drawArc(Canvas canvas) {

 　　　　　　RectF rectF = new RectF(0, 0, 100, 100); 　　　　　　paint.setColor(Color.parseColor("#33333333")); 　　　　　　//oval :指定圆弧的外轮廓矩形区域。 　　　　　　//startAngle: 圆弧起始角度，单位为度。从180°为起始点 　　　　　　//sweepAngle: 圆弧扫过的角度，顺时针方向，单位为度。 　　　　　　//useCenter: 若是为True时，在绘制圆弧时将圆心包括在内，一般用来绘制扇形。若是false会将圆弧的两端用直线链接 　　　　　　//paint: 绘制圆弧的画板属性，如颜色，是否填充等 　　　　　　canvas.drawRect(rectF,paint); 　　　　　　paint.setColor(Color.parseColor("#ff0000")); 　　　　　　canvas.drawArc(rectF,0,90,true,paint); 　　　　}
　　　　 　　运行效果以下：
　　　　　　　　

　　　　　　2.2.2 画圆
　　　　　　　　 代码以下
　　　　　　　　 private void drawCircle(Canvas canvas) {

 　　　　　　　　　paint.setColor(Color.GREEN); 　　　　　　　　　//cx ： 圆心在x轴上的坐标 　　　　　　　　　//cy : 圆心的y轴上的坐标 　　　　　　　　　//radius: 半径 　　　　　　　　　canvas.drawCircle(50,50,50,paint); 　　　　　　　}

　　　　　　　　效果以下：
　　　　　　　　

　　　　　 2.2.3 画椭圆
　　　　　　　　　代码以下：
　　　　　　　　　private void drawOval(Canvas canvas) {

 　　　　　　　　 paint.setColor(Color.BLACK); 　　　　　　　　RectF rectF = new RectF(0, 0, 150, 100); 　　　　　　　　//oval : 外接矩形 　　　　　　　　canvas.drawOval(rectF,paint); 　　　　　　}

　　　　　　　　效果以下：

　　　　　　　　

　　　　　　　　2.2.4   画线

　　　　　　　　　　代码以下：

　　　　　　　　　　private void drawLine(Canvas canvas) {

 　　　　　　　　canvas.drawLine(0,0,100,100,paint); 　　　　　　　　canvas.translate(0,110); 　　　　　　　　//画一组线 　　　　　　　　float[] pts={0,0,100,0, 　　　100,0,100,100, 　　 100,100,0,100, 1,100,1,0}; 　　　　　　　　//线宽 　　　　　　　　paint.setStrokeWidth((float) 2.0); 　　　　　　　　//pts : 绘制直线的端点数组，每条直线占用4个数据。 　　　　　　　　//canvas.drawLines(pts, paint); 　　　　　　　　//offset : 指定跳过的数据个数 　　　　　　　　//count : 指定取出数据的个数 　　　　　　　　canvas.drawLines(pts,4,12,paint); 　　　　　　}
　　　　　　　　　　效果以下：
　　　　　　　　　　

 

　　　　　2.2.5 画点

　　　　　　　　　　代码以下：

　　　　　　 　　　　private void drawPoint(Canvas canvas) {

 　　　　　　　　paint.setStrokeWidth((float) 5.0); 　　　　　　　　canvas.drawPoint(50,50,paint); 　　　　　　　　canvas.translate(0,100); 　　　　　　　　float[] pst = {20,20,40,40,60,60}; 　　　　　　　　paint.setColor(Color.RED); 　　　　　　　　canvas.drawPoints(pst,paint); 　　　　　　　　canvas.translate(0,100); 　　　　　　　　//跳过前两个元素 　　　　　　　　canvas.drawPoints(pst,2,4,paint); 　　　　　　　　　　}
　　　　　　　　　　效果以下：　
　　　　　　　　　　

　　　　　　2.2.6  画矩形

　　　　　　　　　代码以下：

　　　　　　　　private void drawRect(Canvas canvas) { 　　　　　　　　canvas.drawRect(0,0,100,100,paint); 　　　　　　　　canvas.translate(0,110); 　　　　　　　　canvas.drawRect(new RectF(0,0,100,100),paint); 　　　　　　　　canvas.translate(0,110); 　　　　　　　　canvas.drawRect(new Rect(0,0,100,100),paint); 　　　　　　}
　　　　　　　　效果以下：
　　　　　　　　

　　　　　　2.2.7 画圆角矩形

　　　　　　　　代码以下：

　　　　　　　　private void drawRoundRect(Canvas canvas) {

 　　　　　　　　paint.setColor(Color.BLUE); 　　　　　　　　//rect : 要绘制的矩形 　　　　　　　　//rx : x轴方向的弧度 　　　　　　　　//ry : y轴方向上的弧度 　　　　　　　　canvas.drawRoundRect(new RectF(0,0,100,100),10,10,paint); 　　 }
　　　　　　　　效果以下：
　　　　　　　　

　　　　2.2.8 画路径
　　　　　　　　代码以下：
　　　　　　　　private void drawPath(Canvas canvas) {

 　　　　　　　　 Path path = new Path(); //Path对象 　　　　　　　　path.moveTo(10, 50); //起始点 　　　　　　　　path.lineTo(50, 50); //连线到下一点 　　　　　　　　 path.lineTo(10, 150); //连线到下一点 　　　　　　　　 path.lineTo(50, 100); //连线到下一点 　　　　　　　　path.lineTo(50, 100); //连线到下一点 　　　　　　　　paint.setColor(Color.RED);//红色 　　　　　　　　canvas.drawPath(path, paint); //绘制任意多边形 　　　　　　}
　　　　　　　　效果以下：
　　　　　　　　

　　　　2.2.9 画图片
　　　　　　　　代码以下：
　　　　　　　　private void drawBitmap(Canvas canvas) {

 　　　　　　　　Bitmap bitmap=((BitmapDrawable)getResources().getDrawable(R.mipmap.ic_launcher)).getBitmap(); 　　　　　　　　//left : 位图距左边的偏移量 　　　　　　　　//top : 位图距顶部的偏移量 　　　　　　　　Rect rect = new Rect(0, 0, 100, 100); 　　　　　　　　RectF rectf = new RectF(0, 0, 50, 50); 　　　　　　　　//src : 是对图片进行裁截，如果空null则显示整个图片 　　　　　　　　//dst ：是图片在Canvas画布中显示的区域，大于src则把src的裁截区放大， 小于src则把src的裁截区缩小。 　　　　　　　　canvas.drawBitmap(bitmap,rect,rectf,paint); 　　　　　　}
　　　　　　　　 效果以下：
　　　　　　　　　

　　　　　2.2.10 画文字
　　　　　　　　　代码以下
　　　　　　　　　private void drawText(Canvas canvas) {

 　　　　　　　　 paint.setTextSize(30); 　　　　　　　　Paint.FontMetrics fm = paint.getFontMetrics(); 　　　　　　　　//x : 绘制时x轴偏移量 　　　　　　　　//y ：绘制时y轴偏移量 　　　　　　　　canvas.drawText("Android",0,(fm.bottom - fm.top) / 2,paint);//这里要计算文字绘制的起点，由于文字是按baseLine来绘制的。 　　　　　　}

　　　　　　　　效果以下：
　　　　　　　　

 

　　　　　　　　最后咱们看一个例子 实现下面这种效果：
　　　　　　　　
　　　　　　　　首先咱们定义一个view 实现onDraw（）方法 代码以下：
　　　　　　　　

　　　　　　　　　　咱们经过不断改变mCurPercent以后调用postInvalidate（）方法进行实时绘制，就能看到进度动画了。其实Canvas功能还能很强大的，你们能够不断的学习。

　　　　　　　　　　这篇文章不错 推荐下 http://blog.csdn.net/wangrain1/article/details/73287908